尝试使用数组设置谷歌地图标记

时间:2014-04-19 17:17:55

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

我正在摆弄地图v3 API,我正在使用网络上的一些示例尝试获取一些不同的标记。我似乎无法弄清楚为什么它不起作用。我正在寻找与此类似的地图 - 想法是通过他们玩/拥有的游戏过滤掉社区成员......

http://googlemaps.googlermania.com/google_maps_api_v3/en/map_example_sidebar2.html

所以我创建的数组非常相似,只有两个条目:

var stationList = [
    {"latlng":[231.015,126.431],name:"membername1", battlefield4 : 1, warframe : 1, Ghosts : 1, Killzone: 0},
    {"latlng":[234.004,134.999],name:"membername2", battlefield4 : 1, warframe : 1, Ghosts : 1, Killzone: 1},
  ];

我正在编辑的块代码是:

    var bounds = new google.maps.LatLngBounds();
    var station, latlng;
    var image = './img/member.png'

    for ( i = 0; i < stationList.length; i++) {
      station = stationList[i];
      latlng = new google.maps.LatLng(station.latlng[0], station.latlng[1]);
      bounds.extend(latlng);

      var marker = createMarker({
        map : mapCanvas,
        position : latlng,
        others : station,
        icon: image
      });

目前,这为每个人分配了一个默认图标并且效果很好,但社区中有一些我想表达不同的角色。我所做的是在数组中添加一个条目,如下所示:

var stationList = [
    {"latlng":[51.515,-0.101],name:"membername1", battlefield4 : 1, warframe : 1, Ghosts : 1, Killzone: 0, image: "./img/founder.png"},
    {"latlng":[51.678,-0.205],name:"membername2", battlefield4 : 1, warframe : 1, Ghosts : 1, Killzone: 1, image: "./img/founder.png"},
  ];

然后按如下方式编辑标记块:

 var bounds = new google.maps.LatLngBounds();
    var station, latlng;
    var image;

    for ( i = 0; i < stationList.length; i++) {
      station = stationList[i];
      latlng = new google.maps.LatLng(station.latlng[0], station.latlng[1]);
      bounds.extend(latlng);
      image = station.image;
      var marker = createMarker({
        map : mapCanvas,
        position : latlng,
        others : station,
        icon: image
      });

但它似乎只是轰炸了整个页面。我想我没有正确地处理数组,或者它与引号等有关。任何提示?

由于

0 个答案:

没有答案