<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(["Basic Points"]);
cMap.useDynamicZoom(true);
cMap.locations([['San Diego','34.052234,-118.243685']]);
cMap.labels([['San Diego','Los Angeles']]);
cMap.values([['200','300']]);
	}

//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();
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
  2. https://api.cmapsanalytics.net/mapview?version=4