GeoJSON MultiPoint未在地图上显示

Question

var feature = {
    "type": "feature",
    "properties": {
        "style": {
            "color": "#004070",
            "weight": 4,
            "opacity": 1
         }
     },
    "geometry": {
        "type": "MultiPoint",
        "coordinates": [[
            [0.25, 51.47],
            [0.26, 51.47],
            [0.27, 51.47]
        ]]
    }
};

var geojsonLayer = new L.GeoJSON(feature);
map.addLayer(geojsonLayer);

我正试图在我的地图上显示上述三点。为什么标记没有出现？

Answer 1

确保您的GeoJSON数据符合等级库的要求。您有可用的在线linting工具，例如http://geojsonlint.com/和http://geojson.io/

就你而言：

• "Feature"类型必须大写。
• 对于一个"coordinates"几何类型，"MultiPoint"必须是一个位置/坐标数组。但是你有一系列的坐标。(增加一个职等)

一旦纠正了这两个错误，一切就都正常了：

​

var map = L.map('map');

var feature = {
  "type": "Feature",
  "properties": {
    "style": {
      "color": "#004070",
      "weight": 4,
      "opacity": 1
    }
  },
  "geometry": {
    "type": "MultiPoint",
    "coordinates": [
      [0.25, 51.47],
      [0.26, 51.47],
      [0.27, 51.47]
    ]
  }
};
var geojsonLayer = new L.GeoJSON(feature);
map.addLayer(geojsonLayer).fitBounds(geojsonLayer.getBounds());

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet-src.js" integrity="sha512-IkGU/uDhB9u9F8k+2OsA6XXoowIhOuQL1NTgNZHY1nkURnqEGlDZq3GsfmdJdKFe1k1zOc6YU2K7qY+hF9AodA==" crossorigin=""></script>

<div id="map" style="height: 180px"></div>

​