Html 制作谷歌地图mashup的最简单方法？_Html_Google Maps

Html 制作谷歌地图mashup的最简单方法？

html google-maps

Html 制作谷歌地图mashup的最简单方法？,html,google-maps,Html,Google Maps,给出一个位置列表，例如 El Cerrito，加利福尼亚州科瓦利斯，或北卡罗来纳州摩根顿纽约州纽约市加利福尼亚州圣地亚哥为每个位置生成带有图钉的谷歌地图最简单的方法是什么？我想需要更多的信息才能真正给你答案，但在Django Pluggables，有一种方法可能会有所帮助编辑：亚当有一个更好的答案。如果有疑问，请查看API示例查看他们使它变得非常简单，他们的API文档也很棒。大多数示例都是用于在客户端用JavaScript编写所有代码，但也有其他语言的API可用。尝试以下方法

给出一个位置列表，例如

El Cerrito，加利福尼亚州
科瓦利斯，或
北卡罗来纳州摩根顿
纽约州纽约市
加利福尼亚州圣地亚哥

为每个位置生成带有图钉的谷歌地图最简单的方法是什么？

我想需要更多的信息才能真正给你答案，但在Django Pluggables，有一种方法可能会有所帮助

编辑：亚当有一个更好的答案。如果有疑问，请查看API示例

查看他们使它变得非常简单，他们的API文档也很棒。大多数示例都是用于在客户端用JavaScript编写所有代码，但也有其他语言的API可用。

尝试以下方法：

这是一个谷歌地图向导，它将为您生成代码。不是最适合你的申请；但这是一个“把脚弄湿”的好地方

编辑：（找到链接）

祝你好运

/mp

我假设您的代码中已经有了映射的基础知识和API密钥

<head>
  <script 
   type="text/javascript"
   href="http://maps.google.com/maps?
         file=api&v=2&key=xxxxx">
  function createMap() {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.44, -122.14), 14);
  }
  </script>
</head>
<body onload="createMap()" onunload="GUnload()">

然而，如果你不想查找每个城市的Lat和Lng，你可以使用谷歌的地理编码器。举个例子：

var address = "El Cerrito, CA";
var geocoder = new GClientGeocoder;
geocoder.getLatLng(address, function(point) {
  if (point) {
    map.clearOverlays(); // Clear all markers
    map.addOverlay(new GMarker(point)); // Add marker to map
    map.setCenter(point, 10); // Center and zoom map on marker
  }
});

因此，我只需从地理编码器中创建每个城市的GLatLng阵列，然后将它们绘制在地图上。

这里有一些链接，但与大多数内容一样，我还没有来得及尝试它们

干杯约翰

var address = "El Cerrito, CA";
var geocoder = new GClientGeocoder;
geocoder.getLatLng(address, function(point) {
  if (point) {
    map.clearOverlays(); // Clear all markers
    map.addOverlay(new GMarker(point)); // Add marker to map
    map.setCenter(point, 10); // Center and zoom map on marker
  }
});