javascript - 想要在一页中显示n个google map

Question

我想创建一个接受城市或国家名称的文本框，当用户单击按钮时， map 将显示并加载另一个接受另一个位置的文本框控件，第二个 map 将显示此过程希望在 n 号处继续。

Answer 1

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

1. 简单地理编码(映射用户键入内容的输入框):https://google-developers.appspot.com/maps/documentation/javascript/examples/geocoding-simple
2. 来自 2 个同步 map :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 个同步 map

您将必须实例化新的 div(可能使用 jQuery)并为每个新 map 实例化新的 Google map 实例。每个独立 map 的中心点将由地理编码 API 返回的值定义。您必须有某种数据结构来跟上 map 实例，以及组织新创建的 div 的方法来告诉 Google Maps API 在哪里绘制 map 图 block 。