两个页面上的三个谷歌地图(谷歌地图V3)

Three Google Maps on two pages (Google Maps V3)

本文关键字：谷歌地图 V3 三个 两个      更新时间：2023-09-26

你好，我正在做这个例子(上面的例子)

，如果我添加一个新的地图到这个代码，它将工作，但只在同一页，如果我添加一个地图到新的页面，然后它崩溃(地图不出现在新的页面，它只在第一页上工作。

我怎样才能做到这一点?

要编辑您的jsfiddle，请执行以下操作:

添加到html:

<div id="map_canvas_3" style="top: 10px; left: 125px; width:210px; height:220px"></div>

添加到javascript:

var latlng3 = new google.maps.LatLng(29.579943,78.330006);
 var myOptions3 =
 {
    zoom: 15,
    center: latlng3,
    mapTypeId: google.maps.MapTypeId.SATELLITE
 };
var map3 = new google.maps.Map(document.getElementById("map_canvas_3"), myOptions3);
var myMarker3 = new google.maps.Marker(
{
    position: latlng3,
    map: map3,
    title:"TEST"
});

应该没问题。

小提琴:http://jsfiddle.net/56HMR/2/

相关文章：