ansaurus

Question

Google Maps Javascript API - Reposition Map via html Link

Answer 1

A:

Ok I figured it out - my problem was that the map object was a local variable, and I was trying to access it outside the function. All I needed to do was initialize the variable first from outside the loadMap function.

<head>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
    <script type="text/javascript">        
        var map;
        function loadMap() {
            var latlng = new google.maps.LatLng(-25.363882,131.044922);
            var myOptions = {
                zoom: 16,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map"),
            myOptions);
        }

    function moveMap() {
        var darwin = new google.maps.LatLng(-12.461334, 130.841904);
        map.setCenter(darwin);

    }
    </script>
</head>
<body onload="loadMap()">
    <div id="map">
    </div>
<div id="controls">
    <a href="javascript:moveMap();">Move</a>
</div>      
</body>

noobatcode 2010-10-16 03:38:55

ansaurus

tags:

views:

answers:

Google Maps Javascript API - Reposition Map via html Link

related questions