MapBox जीएल जे एस में काम करने के लिए कस्टम मार्कर प्राप्त नहीं कर सकता

वोट
2

मैं दोनों का पालन किया है उदाहरण MapBox स्थल पर और यह निर्देश GitHub पर लेकिन मेरे नक्शे पर दिखाने के मार्कर नहीं मिल सकता है:

http://codepen.io/znak/pen/waPPRj (MapBox शैली और स्प्राइट का उपयोग करके) http://codepen.io/znak/pen/PqOEyV (कस्टम शैली और स्प्राइट का उपयोग करके)

var center = [51.5, -0.1];

var map = new mapboxgl.Map({
    container: 'map',
    center: center,
    zoom: 8,
    style: 'https://www.mapbox.com/mapbox-gl-styles/styles/mapbox-streets-v7.json'
});

// Markers
map.on('style.load', function() {
    map.addSource(markers, {
        type: geojson,
        data: {
            type: FeatureCollection,
            features: [{
                type: Feature,
                geometry: {
                    type: Point,
                    coordinates: [51.48, -0.08]
                },
                properties: {
                    title: Lorem,
                    marker-symbol: default_marker
                }
            }, {
                type: Feature,
                geometry: {
                    type: Point,
                    coordinates: [51.52, -0.12]
                },
                properties: {
                    title: Ipsum,
                    marker-symbol: secondary_marker
                }
            }]
        }
    });

    map.addLayer({
        id: markers,
        type: symbol,
        source: markers,
        layout: {
            icon-image: {marker-symbol},
            text-field: {title},
            text-font: Open Sans Semibold, Arial Unicode MS Bold,
            text-offset: [0, 0.6],
            text-anchor: top
        },
        paint: {
            text-size: 14
        }
    });
});

सभी शैलियों, मार्कर के साथ JSON और PNG फ़ाइलें ठीक से लोड करने लगते हैं। कोई विचार?

24/06/2015 को 11:22
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
8

MapBox जीएल जे एस के GeoJSON परत प्रकार इस प्रकार है GeoJSON विनिर्देश, जो कि निर्देशांक देशांतर, अक्षांश क्रम में होने की आवश्यकता है। आपका उदाहरण उन्हें उलट है। उन्हें flipping मार्कर, जो सही आइकन होते हैं दर्शाता है।

"geometry": {
    "type": "Point",
    "coordinates": [-0.12, 51.52]
}
24/06/2015 को 15:14
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more