<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  <script src="https://api.cmapsanalytics.net/mapview?version=4.1"></script>

<div id="CMapsCustomDIV"></div>
#mapDiv {
  height:100%;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}
var cMap;
				
function buildMap(){

var lyr1 = {
name:"Choropleth Pins",
locations:["37.7693911,-122.4290072","37.790998,-122.431254","37.7480245,-122.4208806","37.789675,-122.417049", "37.7565985,-122.4045723","37.7956765,-122.4092976","37.7630855,-122.4578733","37.7739893,-122.4544912", "37.7473074,-122.4592076","37.780416,-122.403231","37.779602,-122.402201","37.778856,-122.402201"],
labels: ["Dr. Goldstein", "Dr. Pinenuts", "Dr. Smith", "Dr. Jones", "Dr. Roger", "Dr. Rasheed", "Dr. Dongle", "Dr. Douglus", "Dr. Favre", "Dr. Oliver", "Dr. Alexander", "Dr. Mueller"],
			values:[50, 11, 12, 14, 15, 16, 17, 18, 19, 10, 12, 5],
			choroplethColors: ["#00328F", "#336CB4", "#66A6D9", "#99E0FF"],
			alertType: "type-choropleth"
		}
		
		var lyr2 = {
			name:"Flat Blue Icons",
			locations:["37.778042,-122.402458", "37.777567,-122.404518", "37.778585,-122.404776", "37.779806,-122.40469", "37.781027,-122.405291", "37.779399,-122.406921", "37.777024,-122.406149", "37.777296,-122.40881", "37.77967,-122.408209", "37.775803,-122.412329", "37.779941,-122.428637", "37.779059,-122.429066", "37.777228,-122.425289", "37.777228,-122.419796", "37.780959,-122.418165", "37.780348,-122.416706", "37.782926,-122.414217", "37.784893,-122.41353", "37.787742,-122.424946", "37.789438,-122.417908", "37.788488,-122.411299", "37.79249,-122.40941"],
			labels: ["Dr. Buckley", "Dr. Koch", "Dr. Gallagher", "Dr. Mckinney", "Dr. Lucero", "Dr. Henderson", "Dr. Brennan", "Dr. Perez", "Dr. Harvey", "Dr. Sutton", "Dr. Shea","Dr. Preston", "Dr. Rich", "Dr. Delgado", "Dr. Dalton", "Dr. Villanueva", "Dr. Merritt", "Dr. Galloway", "Dr. Russell", "Dr. Holmes", "Dr. Daniel", "Dr. Donovan"],
			values:[11, 7, 19, 2, 19, 5, 7, 3, 7, 2, 12, 6, 12, 10, 12, 20, 19, 2, 5, 12, 19, 11]
		}

cMap = new centigon.locationIntelligence.MapView("CMapsCustomDIV");
  
cMap.onMapReady = function()
  {   
    
		cMap.layerNames([lyr1.name, lyr2.name]).
			locations([lyr1.locations, lyr2.locations]).
			labels([lyr1.labels, lyr2.labels]).
			values([lyr1.values, lyr2.values]).
			defaultLayerIcons(["pin", "flat"]).
			alertEnabled([true]).
			alertColors([lyr1.choroplethColors]).
			alertTypes([lyr1.alertType]);
  }
  
  //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

This Pen doesn't use any external JavaScript resources.