将GeoJSON加载到Mapbox中

时间:2017-02-12 21:42:49

标签: javascript mapbox geojson mapbox-marker

当我在HTML中使用GeoJSON时,它可以工作,但是当我尝试从外部加载时,它不会。

我的HTML文件和GeoJSON文件位于网站的同一文件夹中。

我尝试用标记打开图片弹出窗口。

非常感谢!

L.mapbox.accessToken = 'lalalalala';
var southWest = L.latLng(40.875557, 29.235992),
    northEast = L.latLng(41.277226, 28.749847),
    bounds = L.latLngBounds(southWest, northEast);
var map = L.mapbox.map('map', 'mapbox.light', {
    maxBounds: bounds,
    maxZoom: 19,
    minZoom: 11
});      

var myLayer = L.mapbox.featureLayer()
  .loadURL('http://terkedilmisarabalar.mudurlugu.org/geojson/terkedilmisarabalar.geojson')
  .on('ready', function() {
    myLayer.eachLayer(function(layer) {
      map.fitBounds(myLayer.getBounds());
      layer.bindPopup(layer.features.properties.name);
    });
  })
  .addTo(map);

myLayer.setGeoJSON(geojson);
myLayer.on('onclick', function(e) {
    e.layer.openPopup();
});
myLayer.on('onrelease', function(e) {
    e.layer.closePopup();
});

以下是GeoJSON文件示例:

{
    type: 'FeatureCollection',
    features: [
    {
  "type": "Feature",
  "properties": {
    "name": "Acıbadem Cd. No:117",
    "description": "<img src=\"https://lh3.googleusercontent.com/DkEl65k9kZAtvPdf9HuE22aIAJKUKBDtiL0m5vZBRqn9nVsgcQIQYdi03gt5yhOKcrEvTQpctu_xnLVfhzzt6Tr3fGtsxuIJSqPrf7R9p-0faSL-YRxTzyn44B8KVB8\" height=\"200\" width=\"auto\" /><br><br>",
    "gx_media_links": "https://lh6.googleusercontent.com/fmIjm4ynkTWSkmzcOfoMCoVgnm6h9pQ8KINgHqhjx-ZNQMrT05NqsZo2Lv5d6FwFFakmqOzl_ruRKvu34jbC96U3nKaxlu0sul6W4qXU1ily4PNbLCQTsR2BGKOxervb"
  },
  "geometry": {
    "coordinates": [
      29.045881,
      41.005992,
      0
    ],
    "type": "Point"
  }
}

0 个答案:

没有答案
相关问题