当标记数量更多时,Google Maps Multipoint无法呈现

时间:2019-06-18 10:50:40

标签: javascript angularjs google-maps

当标记数量更多时,Google地图中的多点几何无法正确渲染标记。 Google maps Multi point rendering

 var mapProp = {
    center: x,
    zoom: 5
};

var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

map.data.addGeoJson(data);
map.data.setStyle(function (feature) {
     return /** @type {google.maps.Data.StyleOptions} */({
    icon: {
      url: feature.getProperty('icon'),
      icon: feature.getProperty('icon'),
      scaledSize: new google.maps.Size(40, 40), // scaled size 16 px
      anchor: new google.maps.Point(20, 25) // anchor
    },
    size: '10px'
  });
});

data是geojson要素集合数组。

1 个答案:

答案 0 :(得分:0)

看起来只有中心错了:)看这个

var x = new google.maps.LatLng(35.38904996691167, 75.377197265625);

http://jsfiddle.net/k0pzdg9f/1/