JQuery-GM_v3 - Address Specific Array with markers
by freedawirl
HTML
<script src="http://maps.google.com/maps/api/js?sensor=false&.js"></script>
<div id="map_canvas"></div>
CSS
#map_canvas {
width: 500px;
height: 500px;
}
JavaScript
$(document).ready(function () {
var map;
var elevator;
var myOptions = {
zoom: 14,
center: new google.maps.LatLng(30.272921, -97.744386),
mapTypeId: 'roadmap'
};
map = new google.maps.Map($('#map_canvas')[0], myOptions);
var addresses = [
'30.265165, -97.738091',
'30.265732, -97.743419',
'Governor Mansion, 1010 Colorado Street, Austin, TX 78701'
];
for (var x = 0; x < addresses.length; x++) {
$.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
var p = data.results[0].geometry.location
var latlng = new google.maps.LatLng(p.lat, p.lng);
new google.maps.Marker({
position: latlng,
map: map
});
});
}
});