【问题标题】:Add info window to each marker为每个标记添加信息窗口
【发布时间】:2013-12-04 16:20:03
【问题描述】:

我已成功向 Google 地图添加了多个标记,现在我想为每个标记添加一个信息窗口。我尝试了多种方法都没有运气。

如果在单击标记时弹出带有property_title 的信息窗口,我想要什么。

这是我目前所拥有的。

var data = 

{ "property": [
{"property_id": 1, "property_title": "property 1", "property_img": "imag1", "longitude": 1234, "latitude": 1234, "width": 500, "height": 375},
{"property_id": 2, "property_title": "property 2", "property_img": "imag1", "longitude": 1234, "latitude": 1234, "width": 500, "height": 375},
{"property_id": 3, "property_title": "property 3", "property_img": "imag1", "longitude": 1234, "latitude": 1234, "width": 500, "height": 375},
{"property_id": 4, "property_title": "property 4", "property_img": "imag1", "longitude": 1234, "latitude": 1234, "width": 500, "height": 375},
{"property_id": 5, "property_title": "property 5", "property_img": "imag1", "longitude": 1234, "latitude": 1234, "width": 500, "height": 375}
]};             

    var markers = [];
    for (var i = 0; i < 5; i++) {
      var dataProperty = data.property[i];
      var latLng = new google.maps.LatLng(dataProperty.latitude,
          dataProperty.longitude);
      var marker = new google.maps.Marker({
        position: latLng
      });
      markers.push(marker);
    }

【问题讨论】:

    标签: google-maps infowindow


    【解决方案1】:

    请参考下面的工作演示。

    http://jsfiddle.net/RJPKJ/1/

    for (i = 0; i < 5; i++){                       
    var dataProperty = dataitem.property[i];     
    latitudetest =dataProperty.latitude;
    longitudetest = dataProperty.longitude;
    var data= dataProperty.property_title;    
    var myLatlng = new google.maps.LatLng(latitudetest, longitudetest);
    }
    

    【讨论】:

      【解决方案2】:

      【讨论】:

      • 不仅仅是提供链接,it would be preferable 在此处包含答案的基本部分,并提供链接以供其他参考。如果您不能胜任这项任务,您应该考虑在问题上简单地leaving a comment 而不是发布答案。
      • 链接本身就是我认为的实际答案。
      • 根据上面链接的讨论 - “你根本没有回答他们的问题,你已经将答案推迟到其他地方”。 “当有人继续使用 StackOverflow 时,问题“答案”实际上应该包含一个答案。不仅仅是一堆指向答案的方向。如果链接中的代码可以回答 OP 的问题,您应该发布它,或者最好只发布它的所需部分,或者更好的是,修改 OP 的代码以执行所要求的操作,最好同时解释代码的作用和为什么 OP 的代码不起作用。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-10-26
      • 2016-05-13
      • 1970-01-01
      • 2016-07-09
      • 1970-01-01
      • 2015-11-21
      相关资源
      最近更新 更多