GeoJSON MultiPoint 未显示在地图上答案

【问题标题】：GeoJSON MultiPoint not showing on mapGeoJSON MultiPoint 未显示在地图上
【发布时间】：2018-06-20 21:09:27
【问题描述】：

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);

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

【问题讨论】：

标签： leaflet geojson

【解决方案1】：

确保您的 GeoJSON 数据符合 spec 的要求。您有可用的在线 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>

【讨论】：