<div id="mapDiv"></div>
#mapDiv {
height:100%;
width:100%;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
}
var cMap;
function buildMap(){
cMap = new centigon.locationIntelligence.MapView();
cMap.onMapReady = function(){
cMap.layerNames(["Moonlight Beach"]);
cMap.defaultLayerIcons([centigon.mapping.MarkerIconFactory.ICONS.CANVAS_LABEL_LABEL]);
cMap.labels([['I\'m Moonlight!!']]);
cMap.locations([['Moonlight Beach']]);
cMap.defaultLayerColors(["#FFFF00"]);
cMap.defaultLayerSizes([50]);
cMap.panTo("Moonlight Beach, Encinitas CA");
cMap.zoomLevel(13);
}
//ENTER YOUR KEY
cMap.key('enter_your_own_key_d8d37yxn');
cMap.sslEnabled(true);
};
//WHEN DOCUMENT LOADED INITIALIZE THE MAP
$(document).ready(function(){
// CALL THE FUNCTION
buildMap();
});
This Pen doesn't use any external CSS resources.