首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从Google Map上的Json Array绘制LatLng坐标-所有标记都堆叠在同一位置

从Google Map上的Json Array绘制LatLng坐标-所有标记都堆叠在同一位置
EN

Stack Overflow用户
提问于 2011-09-10 04:04:22
回答 2查看 10.3K关注 0票数 2

我有一个包含纬度和经度坐标的Json数组。下面是一个示例:

代码语言:javascript
运行
复制
"zones":[{"Zip":35824,"Latitude":34.647995,"Longitude":-86.738549},...

我尝试使用循环遍历数组来解析坐标,并将它们绘制在google地图上。这是我的Javascript:

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

    $.getJSON("http://localhost:1117/zones/latlng", function (json) {

        var location;


        $.each(json.zones, function (i, item) {
            location = item.Latitude + ',' + item.Longitude, addMarker(location);
        });

    });
};

function addMarker(location) {
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(location),
        map: map,
        icon: redImage
    });
    markersArray.push(marker);
}

我的问题是,标记最终堆叠在一起,绘制在地图的左上角(就在海洋的中间)。标记堆栈出现在我的Json数组中的位置。我做错什么了?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-09-10 04:47:13

我认为问题是新的google.maps.LatLng()期望(number,number)作为参数,而您正在以"number,number“的格式传入一个字符串。

如果您将addMarker()函数更改为两个应起作用的参数(例如纬度和经度):

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

    $.getJSON("http://localhost:1117/zones/latlng", function (json) {

        var location;


        $.each(json.zones, function (i, item) {
            addMarker(item.Latitude,item.Longitude);
        });

    });
}

function addMarker(lat,lng) {
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            map: map,
            icon: redImage
        });
        markersArray.push(marker);
}
票数 5
EN

Stack Overflow用户

发布于 2014-09-12 19:14:16

使用聚类.make组标记作为cluster.one聚类将呈现多个标记inside.also作界限。

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

https://stackoverflow.com/questions/7366861

复制
相关文章

相似问题

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