Jquery plugins Can';无法在同一页上获取多个jQuery gMap

Jquery plugins Can';无法在同一页上获取多个jQuery gMap,jquery-plugins,Jquery Plugins,由于某些原因,我无法在同一页上显示多个地图 我的设置与示例几乎相同,但就是不起作用。我肯定我错过了一些小东西 有什么想法吗 演示页面如下: jQuery: $(function(){ $("#map_1").gMap({ controls: false, markers: [{ address: "2844 Thornapple River Drive SE, Cascade, MI 49546", html: "Cascade" }], address

由于某些原因,我无法在同一页上显示多个地图

我的设置与示例几乎相同,但就是不起作用。我肯定我错过了一些小东西

有什么想法吗

演示页面如下:

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
 });
});
<div id="map_1" class="google_map"></div>
<div id="map_2" class="google_map"></div>
<div id="map_3" class="google_map"></div>
和相关HTML:

    $(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
 });
});
<div id="map_1" class="google_map"></div>
<div id="map_2" class="google_map"></div>
<div id="map_3" class="google_map"></div>

哇。特里基。我能看到的唯一区别是在示例中,它先加载MapAPI,然后加载jQuery。
在你身上,你用另一种方式。愚蠢的想法也许…

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


尝试在gMap的问题跟踪器中打开bug(如果存在)或将其报告给gMap开发者。

可能在插件功能范围内使用类似于gMap的东西,而不是在全局范围内使用$gMap:

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


顺便问一句,它是否允许在不改变缩放/边界的情况下,最好集中在几个地址上,然后添加几个其他地址

我刚刚意识到这也是地址查找的问题。真倒霉谢谢哇-这看起来非常有希望!谢谢你发回这里。我最终把所有的点都放在同一张地图上,但这肯定对其他应用程序有用。这只是第一步。。。我现在重做另一个谷歌地图插件,似乎现在需要重点:)这一个,是没有用的。。。顺便说一句,里面的程序设计得很好。