Question

我使用javascript API和谷歌的教程创建了一个非常基本的谷歌地图。我希望能够在我的页面上创建超链接，以便在世界各地的某些城市重新定位地图 - 例如伦敦，巴黎，罗马..

我不能为我的生活弄清楚如何做到这一点（我对这一切都很陌生，试图自学一些代码......）。

有人可以提供一些建议，甚至链接到一个例子（我可以从源代码中找到它。）

感谢您的帮助！

-nac

Answer 1

好吧我明白了 - 我的问题是地图对象是一个局部变量，我试图在函数外部访问它。我需要做的就是首先从loadMap函数外部初始化变量。

<head>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <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>

Google Maps Javascript API - 通过html链接重新定位地图

1 个答案: