Maps 谷歌地图：给定Lat-Long坐标

我有以下Lat-Long坐标（在JS数组中），我们如何在这些坐标上绘制带有标记的Google地图

请给出一个简单的例子，因为API文档中的例子并没有给出确切的答案，或者对我来说太复杂了

43.8284616000000000000，-79.53560419999997000000

4365162010000000000000，-79.7355857999970000000

43.758462400000000000000，-79.222521000000300000

43.71773540000000000000，-79.7489719000000020000000

---

提前感谢。

我使用过谷歌地图，如果您只需要放置一些标记（请确保您使用的是API v3），v2会贬值，并在某个时候会下降。接下来是你的横向/纵向坐标。他们需要削减到9或10个字符。当我使用超长lat/long Coords值时，我很不走运

谷歌有一个很好的工具，可以让你用它来构建地图。从这里开始：

意识到您需要webhosts域上的密钥。您可以在此处获取您的钥匙：

一长串演示，包括65个v3 API示例

在演示中，我发现这个例子看起来很接近。重用通过查看源代码找到的代码。您可以通过此链接查看lat/long坐标对及其调用方式

这里是一个校园地图的例子

最后，这里是最简单的例子。单标记地图。查看源代码并重用它。希望这足以让你开始

---

我希望所有这些都有帮助。

首先，您将创建google maps对象，在head标记中的某个位置，您将侦听ready事件，并且在处理程序中具有：

var mapOptions = 
    {
      zoom: 10,
      center: new google.maps.LatLng( <%= @drawings.first.latitude %>, <%= @drawings.first.longitude %> ),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

var映射选项=
{
缩放：10，
中心：新google.maps.LatLng（，），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map_canvas'），mapOptions）；

这假设您的html中有一个div，id为map\u canvas

您应该准备好向页面添加标记，然后将坐标存储在一个数组中，这样您就可以遍历它和这些标记

for( var i=0; i < coords.length; i++ )
{
     latlng = coords[i].latitude + ", " + coords[i].longitude;

     var marker = new google.maps.Marker({
      position: latlng, 
      map: map,
      title: '',
      icon: "http://maps.google.com/mapfiles/marker" + String.fromCharCode(coords.length + 65) + ".png"
    }); 
}

for（变量i=0；i

您可以试试这个

var map,
locations = [
    [43.82846160000000000000, -79.53560419999997000000],
    [43.65162010000000000000, -79.73558579999997000000],
    [43.75846240000000000000, -79.22252100000003000000],
    [43.71773540000000000000, -79.74897190000002000000]
];
var myOptions = {
    zoom: 6,
    center: new google.maps.LatLng(locations[0][0], locations[0][1]),
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($('#map')[0], myOptions);
var infowindow = new google.maps.InfoWindow(), marker, i;
for (i = 0; i < locations.length; i++) {  
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][0], locations[i][1]),
        map: map
    });

    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            infowindow.setContent('Current location is: '+ locations[i][0]+', '+locations[i][1]);
            infowindow.open(map, marker);
        }
    })(marker, i));
}

var映射，
地点=[
[43.82846160000000000000, -79.53560419999997000000],
[43.65162010000000000000, -79.73558579999997000000],
[43.75846240000000000000, -79.22252100000003000000],
[43.71773540000000000000, -79.74897190000002000000]
];
变量myOptions={
缩放：6，
中心：新的google.maps.LatLng（位置[0][0]，位置[0][1]），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（$（'#map'）[0]，myOptions）；
var infowindow=new google.maps.infowindow（），marker，i；
对于（i=0；i

---

.

访问标记值不必引用外部数组。在标记单击事件处理程序中使用“this”。这样，您就可以从正确的标记对象访问所有内容