theMechanism | Google Maps API Demo 4

Code

Add markers to the map.

Need a global variable to store the marker data.

We use the GDownloadUrl function to retrieve our data, which is in JSON format. This data is stored in the global var and we loop through the markers, called the addMarker function.

The addMarker function takes three required parameters: latitude, longitude, and an ID. We create a new marker, assign the ID, and add it to the map.

JavaScript

		var objMap = '';
		var objData = '';
		function addMarker(fltLat, fltLon, intId) {
			var objMarker = new GMarker(new GLatLng(fltLat, fltLon));
			objMarker.tmId = 'marker' + intId;
			objMap.addOverlay(objMarker);
		}
		if (GBrowserIsCompatible()) {
			objMap = new GMap2(document.getElementById('map'));
			objMap.addControl(new GLargeMapControl());
			objMap.addControl(new GMapTypeControl());
			objMap.addControl(new GMapScaleControl());
			objMap.addControl(new GOverviewMapControl());
			objMap.setCenter(new GLatLng(40.753808, -73.995924), 13, G_NORMAL_MAP);
			GDownloadUrl('data/data.js', function(data, responseCode) {
				if (responseCode == 200) {
					objData = eval('(' + data + ')');
					var j = objData.markers.length;
					for (var i = 0; i < j; i++) {
						addMarker(objData.markers[i].lat, objData.markers[i].lon, objData.markers[i].id);
					}
				}
			});
		} else {
			alert('Please either upgrade to a browser that supports JavaScript or enable JavaScript now. Thanks!');
		}
	

previous . next