Question

出于某种原因，我无法让gMap在同一页面上显示多个地图。

我的设置几乎与示例相同，但只是不起作用。我确定我错过了一些东西。

有什么想法吗？

此处的演示页面：http://play.artletic.com/jquery/gmaps.html

jQuery的：

    $(function(){
 $("#map_1").gMap({
  controls: false,
  markers: [{ 
   address: "2844 Thornapple River Drive SE, Cascade, MI 49546",
   html: "Cascade" 
  }],
  address: "2844 Thornapple River Drive SE, Cascade, MI 49546",
  zoom: 9
 });

 $("#map_2").gMap({
  controls: false,
  markers: [{ 
   address: "5278 Plainfield Ave NE, Grand Rapids, MI 49525",
   html: "Grand Rapids - North" 
  }],
  address: "5278 Plainfield Ave NE, Grand Rapids, MI 49525",
  zoom: 9
 });

 $("#map_3").gMap({
  controls: false,
  markers: [{ 
   address: "6991 Kalamzoo Ave SE, Kentwood, MI 49508",
   html: "Grand Rapids - South" 
  }],
  address: "6991 Kalamzoo Ave SE, Kentwood, MI 49508",
  zoom: 9
 });
});

及相关HTML：

<div id="map_1" class="google_map"></div>
<div id="map_2" class="google_map"></div>
<div id="map_3" class="google_map"></div>

Answer 1

这似乎是gMap插件中的一个错误，因为gMap似乎无法在具有地址查找的单个页面上初始化多个地图。当我将一个或两个地图更改为常规纬度/经度查找时，它显示这些地图很好。

尝试在gMap的问题跟踪器（如果存在）中打开错误或将其报告给gMap开发人员。

Answer 2

也许在插件函数范围内使用类似gmap的东西而不是全局范围内的$ gmap：

http://softm.org.ua/google-map-jquery-plugins/

这里的底部是带有工作脚本的弹出窗口的链接。我不确定是否会有其他功能。

PS。顺便说一句，它是否允许最好地关注几个地址，然后添加一些其他地址，而不进行缩放/边界更改？

Answer 3

哇。 trickey。我可以看到的唯一区别是在示例中，它加载map API然后jQuery。在你的身上，你可以反过来做。愚蠢的想法也许......

无法在同一页面上获取多个jQuery gMap

3 个答案: