Documentation

Load your first map

Include the <!DOCTYPE HTML> tag at the very top of your page. (if you interested in understanding why, you can go here)

Between the <head>and</head> tags, include the following line of code:

<meta  name="viewport"  content="initial-scale=1.0,  user-scalable=no"  />

Between the <head>and</head> tags, include the following line of code (https:// is also supported):

<script  type="text/javascript"  src="http://maps.micello.com/webmap/v0/micellomap.js"></script>

Just below the line of Javascript you added in Step 2, add the following block of Javascript (again still working between the "head" tags).

Where you see YOUR_API_KEY, replace that text with the API key Micello provided for you. (Don't have one?)

Where you see COMMUNITY_ID you will need to provide the ID that Micello assigns for each Community. You can find the ID on the "View Maps" page in your account. 

<script  type="text/javascript">
micello.maps.init("YOUR_API_KEY",mapInit);
function  mapInit()  {
var  mapControl  =  new  micello.maps.MapControl('mapElement');
var  mapDataObject  =  mapControl.getMapData();
//  Finally,  load  the  map:
mapDataObject.loadCommunity(COMMUNITY_ID);
}
</script>

Right below the Javascript you added in Step 3, add the following lines (which will provide the ability to give the map a height and a width).

Where you see YOUR_WIDTH, replace that text with the number of pixels you want the map to be wide. (For example, if you wanted your map to be 400 pixels wide, you would replace YOUR_WIDTH with 400px)

Where you see YOUR_HEIGHT, replace that text with the number of pixels you want the map to be wide. (For example, if you wanted your map to be 400 pixels wide, you would replace YOUR_HEIGHT with 400px)

<style  type="text/css">
#mapElement  {width:YOUR_WIDTH;  height:YOUR_HEIGHT;}
</style>

And finally, between the "body" tags on your page, paste the following:

<div  id="mapElement"></div>

Now if we put it all together into a working example, you can see how each of the pieces on the page fit together.