在Leaflet中獲取GeoJSON數據？

我正在嘗試收集geojson數據並使用它。我需要爲我的工作區域定義一個邊界框。此功能可爲線和多邊形提供正確的結果。但是當我使用點數據時，它會卡住。在Leaflet中獲取GeoJSON數據？

L.Control.fileLayerLoad({ 
 
    fitBounds: true, 
 
    layerOptions: { 
 
     style: style, 
 
     pointToLayer:function (data, latlng) {debugger; 
 
      return L.circleMarker(
 
      latlng, 
 
      { style: style } 
 
      ); 
 
     }, 
 
     onEachFeature: function (feature, layer) { 
 
      console.log("FEATURE",feature,"LAYER",layer); 
 
      geojsonLayer = layer // 
 
     } 
 
    } 
 

 
}).addTo(map);

function geojsonLayerBounds(map, geojson){ 
 
\t var rectangle = new L.Rectangle(geojson.getBounds()); 
 
\t map.addLayer(rectangle); 
 
}

來源

2017-09-06 Hatice Atalay

什麼卡？什麼是錯誤？ –

如果我理解正確的話，你需要拿分的界限或放大就可以了。要做到這一點，你可以使用函數map.flyTo（），它是在單張1.XX 可我加了下面的一些例子，希望它有助於

下面是引用該函數的一些示例代碼：

flyTo(<LatLng> latlng, <Number> zoom?, <Zoom/pan options> options?) 
flyTo([46.163613, 46.163613], 12)

http://leafletjs.com/reference-1.2.0.html#map-flyto

var map = L.map('map').setView([46.163613, 15.750947], 14); 
 
mapLink = 
 
    '<a href="http://openstreetmap.org">OpenStreetMap</a>'; 
 
L.tileLayer(
 
    'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
 
     attribution: '&copy; ' + mapLink + ' Contributors', 
 
     maxZoom: 18, 
 
    }).addTo(map); 
 

 

 
var work = { 
 
    lat: 46.165932, 
 
    lng: 15.865914, 
 
    zoom: 17 
 
}; 
 

 
L.easyButton('fa-globe', function(btn, map) { 
 
    map.flyTo([work.lat, work.lng], work.zoom); 
 
}, 'Fly to work').addTo(map); 
 

 
var home = { 
 
    lat: 46.163613, 
 
    lng: 15.750947, 
 
    zoom: 13 
 
}; 
 

 
L.easyButton('fa-home', function(btn, map) { 
 
    map.flyTo([home.lat, home.lng], home.zoom); 
 
}, 'Please come home').addTo(map)

#map { 
 
    width: 600px; 
 
    height: 400px; 
 
}

<html> 
 

 
<head> 
 

 
    <title>Custom Icons Tutorial - Leaflet</title> 
 

 
    <meta charset="utf-8" /> 
 
    <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" /> 
 
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 
 
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> 
 
    <link href="https://unpkg.com/[email protected]/src/easy-button.css" rel="stylesheet"> 
 
    
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script> 
 
    <script src="https://unpkg.com/[email protected]/src/easy-button.js"> </script> 
 
       
 
</head> 
 

 
<body> 
 

 
    <div id='map'></div> 
 

 
</body> 
 

 
</html>

來源

2017-09-07 06:09:29 Svinjica

在Leaflet中獲取GeoJSON數據？

回答

相關問題