谷歌地图Javascript API-通过html链接重新定位地图_Javascript_Google Maps

谷歌地图Javascript API-通过html链接重新定位地图

javascript google-maps

谷歌地图Javascript API-通过html链接重新定位地图,javascript,google-maps,Javascript,Google Maps,我使用javascript API和谷歌教程创建了一个非常基本的谷歌地图。我希望能够在我的页面上创建超链接，在世界各地的某些城市（如伦敦、巴黎、罗马）重新居中显示地图我一辈子都不知道该怎么做（我对这一切都很陌生，试图教自己一些代码…）任何人都可以提供一些建议，甚至链接到一个例子（我可能从源代码中找到它。）谢谢你的帮助 -nac好吧，我想出来了——我的问题是map对象是一个局部变量，我试图在函数外部访问它。我所需要做的就是首先从loadMap函数外部初始化变量 <head>

我使用javascript API和谷歌教程创建了一个非常基本的谷歌地图。我希望能够在我的页面上创建超链接，在世界各地的某些城市（如伦敦、巴黎、罗马）重新居中显示地图

我一辈子都不知道该怎么做（我对这一切都很陌生，试图教自己一些代码…）

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

谢谢你的帮助

-nac

好吧，我想出来了——我的问题是map对象是一个局部变量，我试图在函数外部访问它。我所需要做的就是首先从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>


var映射；
函数loadMap（）{
var latlng=新的google.maps.latlng（-25.363882131.044922）；
变量myOptions={
缩放：16，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“map”），
肌肽）；
}
函数moveMap（）{
var darwin=new google.maps.LatLng（-12.461334130.841904）；
地图。设置中心（达尔文）；
}

好的，我想出来了-我的问题是map对象是一个局部变量，我试图在函数外部访问它。我所需要做的就是首先从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>


var映射；
函数loadMap（）{
var latlng=新的google.maps.latlng（-25.363882131.044922）；
变量myOptions={
缩放：16，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“map”），
肌肽）；
}
函数moveMap（）{
var darwin=new google.maps.LatLng（-12.461334130.841904）；
地图。设置中心（达尔文）；
}