将地图框标记与OpenStreetMap中的切片一起使用

时间:2014-05-15 10:04:53

标签: openstreetmap leaflet mapbox

我尝试使用Mapbox API,同时从OpenStreetMap中添加切片,但我找不到使用Mapbox标记填充地图的方法:

var baseMap, map, notificationMarker, osmAttrib, osmUrl, overlayInfo, streets, systemLocations, systemLocations2, systemsMap;

osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
osmAttrib = 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a>';

map = L.mapbox.map('map');
map.setView([39.138, -6.641], 7);

baseMap = L.tileLayer(osmUrl, {
  attribution: osmAttrib
}).addTo(map);


L.mapbox.featureLayer({
    // this feature is in the GeoJSON format: see geojson.org
    // for the full specification
    type: 'Feature',
    geometry: {
        type: 'Point',
        // coordinates here are in longitude, latitude order because
        // x, y is the standard for GeoJSON and many formats
        coordinates: [39.53833, -8.64106]
    },
    properties: {
        title: 'A Single Marker',
        description: 'Just one of me',
        // one can customize markers by adding simplestyle properties
        // http://mapbox.com/developers/simplestyle/
        'marker-size': 'large',
        'marker-color': '#f0a'
    }
}).addTo(map);

此功能的使用是否仅限于Mapbox磁贴?

1 个答案:

答案 0 :(得分:1)

我的问题与坐标数组有关。

GeoJSON似乎期望坐标具有逆序。

我在哪里:

L.marker([38.13833, -7.24106])

我将geoJSON数组转换为:

coordinates: [-7.24106, 38.13833]

显示在我之前代码上的标记,只是我地图上可见区域的显示方式。