Question

我开始使用Google Maps Api创建地图，我使用geozip的答案来创建它： GeoJSON Point name & description not displayed when using Google Map API V3

我在谷歌地图中查看以在法国显示2个点的坐标在从Json文件通过Google Maps Api插入时出现在索马里附近。

我尝试将这些点更改为示例中最初出现的坐标（作为我上面链接的问题的答案而提交的工作示例），并将它们显示在正常位置。

我很遗憾无法发布截图，因为我没有10个声誉，这是我发布的第一个问题。

有没有人知道如何解决这个坐标问题或我错过了什么？

谢谢，

玛丽艾拉·

这是json文件（法国坐标显示在索马里附近）：

{
"type": "FeatureCollection",
"features": [
    {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [47.394500, 0.684640]
        },
        "properties": {
            "name": "Point A",
            "description": "Description point A"
        }
    },
    {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [47.810893, 0.688451]
        },
        "properties": {
            "name": "Point B",
            "description": "Description point B"
        }
    }
]
}

以下是地图的代码：

var map;
var infowindow = new google.maps.InfoWindow();

function initialize() {
// Create a simple map.
map = new google.maps.Map(document.getElementById('map-canvas'), {
    zoom: 5,
    center: { lat: 47.507214, lng: 2.331543},
     mapTypeId: google.maps.MapTypeId.ROADMAP
});

google.maps.event.addListener(map, 'click', function() {
  infowindow.close();
});

// Load the associated GeoJSON
var url = 'linktojson.json';
map.data.loadGeoJson(url);

// Set event listener for each feature.
map.data.addListener('click', function(event) {
 infowindow.setContent(event.feature.getProperty('name')+"  
<br>"+event.feature.getProperty('description'));
 infowindow.setPosition(event.latLng);
 infowindow.setOptions({pixelOffset: new google.maps.Size(0,-34)});
 infowindow.open(map);
});
}
google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

您的点数出现在索马里附近，因为您正在以GeoJSON格式更改纬度和经度的顺序。

来自the documentation：

一个位置由一组数字表示。必须有至少两个元素，可能更多。必须遵循元素的顺序 x，y，z顺序（东，北，海拔坐标为a 投影坐标参照系，或 经度，纬度 ，地理坐标参考系中坐标的高度。）

根据这个，你的GeoJSON文件必须如下：

{
"type": "FeatureCollection",
"features": [
    {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [0.684640, 47.394500]
        },
        "properties": {
            "name": "Point A",
            "description": "Description point A"
        }
    },
    {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [0.688451, 47.810893]
        },
        "properties": {
            "name": "Point B",
            "description": "Description point B"
        }
    }
]
}

希望它有所帮助。

使用Google地图API在索马里附近显示的Google地图中使用法国坐标的点数

1 个答案: