Google Maps Base

Base for SO questions

by bryan_weaver

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="results"></div>
<div id="map"></div>
<input id="traffic" type="button" value=" Traffic Off " />

CSS

#map{
    width: 450px;
    height: 400px;
}

JavaScript

var markerArray = [];

function initialize() {
    var map;
    var centerPosition = new google.maps.LatLng(-34.611919, -58.431769);
    var options = {
        zoom: 12,
        center: centerPosition,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map($('#map')[0], options);


    var trafficLayer = new google.maps.TrafficLayer();

    $('#traffic').toggle(function() {
        $(this).val(" Traffic On ");
        trafficLayer.setMap(map);
    }, function(){
         $(this).val(" Traffic Off ");
        trafficLayer.setMap(null);
    });


}


google.maps.event.addDomListener(window, 'load', initialize);