चयन करने के लिए उचित तरीके से और MapBox जीएल जे एस पर शैली मार्कर क्या है?

वोट
1

मैं एक MapBox नक्शा अंक हैं उस के साथ काम कर रहा हूँ। मैं एक मार्कर-प्रतीक जोड़ने के लिए सही प्रक्रिया जानना चाहूंगा। यहाँ मेरी GeoJSON है:

  type: FeatureCollection,
  features: [
    {
      type: Feature,
      geometry: {
        type: Point,
        coordinates: [
          -89.12312324,
          13.686886
        ]
      },
      properties: {
        title: Random Location,
        description: Individual
      }
    }
]

यहाँ MapBox डॉक्स से एक उदाहरण है:

map.addLayer({
        id: airport,
        source: airports,
        source-layer: ne_10m_airports,
        type: symbol,
        layout: {
            icon-image: airport-15,
            icon-padding: 0
        },
        filter: [in, abbrev, ]
    });

जब मैं इस का उपयोग

layout: {
                icon-image: marker-11,
                icon-allow-overlap: true,
            }

मैं क्लासिक मार्कर के बजाय छोटे भूरे रंग के डॉट्स मिलता है। मै इस्तेमाल कर रहा हूँ

<script src='https://api.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.css' rel='stylesheet' />

और मैं उपयोग कर रहा हूँ

style: 'mapbox://styles/mapbox/outdoors-v9', //stylesheet location

मेरे पूरी स्क्रिप्ट इस तरह दिखता है:

mapboxgl.accessToken = 'pk.mylongAkey';

    var map = new mapboxgl.Map({
        container: 'map', // container id
        style: 'mapbox://styles/mapbox/outdoors-v9', //stylesheet location
        center: [-88.866245, 13.770391], // starting position
        zoom: 6 // starting zoom
    });

    var url = '/maps/index.json';
        var source = new mapboxgl.GeoJSONSource({
        data: url
    });

    map.on('load', function () {
        map.addSource('location', source);
        map.addLayer({
            id: map,
            type: symbol,
            source: location,
            source-layer: 'location',
            layout: {
                icon-image: marker-11,
                icon-allow-overlap: true,
            }
        });
    });

    map.on('click', function (e) {
        var features = map.queryRenderedFeatures(e.point, { layers: ['map'] });

        if (!features.length) {
            return;
        }

        var feature = features[0];

        // Populate the popup and set its coordinates
        // based on the feature found.
        var popup = new mapboxgl.Popup()
            .setLngLat(feature.geometry.coordinates)
            .setHTML(feature.properties.title)
        .addTo(map);
    });

    // Use the same approach as above to indicate that the symbols are clickable
    // by changing the cursor style to 'pointer'.
    map.on('mousemove', function (e) {
        var features = map.queryRenderedFeatures(e.point, { layers: ['map'] });
        map.getCanvas().style.cursor = (features.length) ? 'pointer' : '';
    });

क्या मैं कुछ भूल रहा हूँ? इसके अलावा, पॉपअप अंक ऊपर पॉपअप नहीं करते, वे आइकन के शीर्ष पर पॉपअप। आप इस छोटे भूरे रंग के बिंदु के साथ नहीं बता सकता, लेकिन उदाहरण के लिए रॉकेट के साथ पॉपअप रॉकेट के बीच में है। धन्यवाद!

यहाँ एक स्क्रीनशॉट है

यहाँ

29/05/2016 को 01:03
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


2 जवाब

वोट
2

मैं एक MapBox नक्शा अंक हैं उस के साथ काम कर रहा हूँ। मैं एक मार्कर-प्रतीक जोड़ने के लिए सही प्रक्रिया जानना चाहूंगा। यह बेहतर GeoJSON की तरह में यह करने के लिए है:

...

या फिर इस तरह लेआउट का उपयोग करने के लिए बेहतर है:

...

GeoJSON (पूर्व) में शैली जानकारी एम्बेड एक विनिर्देश कहा जाता है simplestyle , जो जीएल जे एस में समर्थित नहीं है। लेआउट (उत्तरार्द्ध) का उपयोग करना जीएल जे एस में सुविधाओं शैली एकमात्र रास्ता है।


मैं क्लासिक मार्कर के बजाय छोटे भूरे रंग के डॉट्स मिलता है।

आप इस का स्क्रीनशॉट भेजें कर सकते हैं?

31/05/2016 को 16:56
का स्रोत उपयोगकर्ता

वोट
1

MapBox स्टूडियो संपादक में, आप यह सुनिश्चित करें कि आप वास्तव में अपने आइकन पुस्तकालय में "मार्कर -11" कहा जाता है एक आइकन बनाने की जरूरत है। यदि नहीं, तो यह पता नहीं है कि तुम क्या संदर्भित कर रहे हैं और एक डॉट लागू हो जाएगी।

अन्यथा, सब कुछ और कुछ ठीक लग रहा है।

08/06/2016 को 17:41
का स्रोत उपयोगकर्ता

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