首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >谷歌地图标记未出现

谷歌地图标记未出现
EN

Stack Overflow用户
提问于 2013-11-27 18:53:19
回答 1查看 72关注 0票数 0

我有我的地图和代码循环通过一个json数组,以添加标记到映射。

地图加载,我得到控制台输出,说明每个公园已经添加到地图上,但没有出现标记。

有什么想法吗?

代码语言:javascript
运行
复制
  function initialize() {

    var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 2
    };

    var map = new google.maps.Map($('#maptest')[0], mapOptions);

    $.getJSON("/parks.json", function(parks) {
      $.each(parks, function(key, park) {
        if (park.lat && park.lng) {
          var latlng = park.lat + ',' + park.lng;
          var location = new google.maps.LatLng(latlng);
          var marker = new google.maps.Marker({
            position: location,
            map: map
          });
          console.log('Added map marker for ' + park.name + ' at ' + park.lat + ', ' + park.lng);
        }
      });
    });
  }

  google.maps.event.addDomListener(window, 'load', initialize);
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-27 19:12:27

google.maps.LatLng构造函数希望您以number类型传递纬度和经度。目前,它正以字符串(var latlng = park.lat + ',' + park.lng;)的形式传入。移除这一行,只需传入park.latpark.lng值:

代码语言:javascript
运行
复制
var location = new google.maps.LatLng(park.lat, park.lng);

有关更多参考,请单击这里

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20250706

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档