想要在一个页面中显示n个谷歌地图

时间:2012-04-03 14:50:15

标签: javascript html google-maps-api-3

我想创建一个接受城市或国家名称的文本框,当用户点击按钮时,地图将显示并加载另一个接受另一个位置的文本框控件,第二个地图将显示此过程想要继续n个数字。

1 个答案:

答案 0 :(得分:0)

您需要结合多个地方的技术:

  1. 简单地理编码(映射用户类型的输入框):https://google-developers.appspot.com/maps/documentation/javascript/examples/geocoding-simple
  2. 从2个同步地图:http://shreerangpatwardhan.blogspot.in/2011/06/two-maps-on-same-page-side-by-side.html到4个同步地图:http://shreerangpatwardhan.blogspot.in/2011/07/four-maps-on-same-page-playing-with.html和最多n个同步地图
  3. 您将不得不实例化新的div(可能使用jQuery)并为每个新地图实例化新的Google Map实例。每个独立地图的中心点将由地理编码API返回的值定义。您必须拥有某种数据结构以跟上地图实例的步伐,并且需要一种方法来组织新创建的div,以告知Google Maps API在何处绘制地图图块。