如何从geojson设置Google Map的功能ID？

Question

如何从geojson 设置Google Map的功能 id？

id是getId()函数返回的内容。

undefined尽管id属性中存在属性，但以下代码不起作用（打印）：

var uluru = {lat: -25.363, lng: 131.044};
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: uluru
  });
  var data = {
    "type": "Feature",
    "geometry": {
      "type": "Point",
      "coordinates": [131.044, -25.363]
    },
    "properties": {
      "Id": 12
    }
  };
  map.data.addGeoJson(data);
  map.data.forEach(function(feature){
    console.log("Id from Google's feature: " + feature.getId());
  });

小提琴：https : //jsfiddle.net/dimskraft/hj2t5je3/5/

UDPATE

我会写

var data = {
    "type": "Feature",
    "id": 13,
    "geometry": {
      "type": "Point",
      "coordinates": [131.044, -25.363]
    },

但这不是错误的Geojson吗？

Answer 1

您应该将第二个参数传递给addGeoJson（）方法，该方法定义您的GeoJSON中的哪些属性将用作ID。

第二个参数是Data.GeoJsonOptions对象

https://developers.google.com/maps/documentation/javascript/reference#Data.GeoJsonOptions

因此更改将是：

map.data.addGeoJson(data, {
    idPropertyName: "Id"
});

程式码片段

map.data.addGeoJson(data, {
    idPropertyName: "Id"
});

function initMap() {
  var uluru = {lat: -25.363, lng: 131.044};
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: uluru
  });
  var data = {
    "type": "Feature",
    "geometry": {
      "type": "Point",
      "coordinates": [131.044, -25.363]
    },
    "properties": {
      "Id": 12
    }
  };
  map.data.addGeoJson(data, {
    idPropertyName: "Id"
  });
  
  map.data.forEach(function(feature){
  	console.log("Id from Google's feature: " + feature.getId());
  });
}

#map {
  height: 400px;
  width: 100%;
 }