Question

我正在学习leaflet.js。我用相同的坐标制作了三条线。

其中两个包含在Geojson中，具有不同的重量和颜色，然后我使用Polyline创建第三个，但它返回到另一个位置，这让我感到困惑。

所以有我的代码

var mymap = L.map('mapid').setView([45.73, -104.99], 1);
  L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
      attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(mymap);

   var cor = [[58.44773, -28.65234], [53, -23.33496], [53, -14.32617]];
   var line =[ 
        {
           "type": "Feature",
           "geometry": {
               "type": "LineString",
               "coordinates": cor
           },
           "properties": {
               "ID": 'ID',
               "color": 'orange',
               "type" : 'type',
               "after" : false
           }
        },

        {
           "type": "Feature",
           "geometry": {
               "type": "LineString",
               "coordinates": cor
           },
           "properties": {
               "ID": 'ID',
               "color": 'black',
               "type" : 'type',
               "after" : true
           }
        },	
      ];

var polyline = new L.geoJson(line, {
    style: function(layer){
      return {color:layer.properties.color,
                weight : !layer.properties.after? 10:1
              };
        }
}).addTo(mymap);

var offset = L.polyline(cor, {
            color: 'green',
          opacity:1			      
          }).addTo(mymap);

#mapid { height: 600px; }

<link href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" rel="stylesheet"/>
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>
<div id="mapid"></div>

我的小提琴：https://jsfiddle.net/s3dup7ez/6/

我没有找到存在的希望，希望有所帮助，谢谢

为什么geojson和折线以相同的坐标返回不同的位置（Leaflet）

0 个答案: