GeoJSON परत MapBox जीएल जे एस पर लोड नहीं होगा

वोट
0

मैं एक MapBox आधार नक्शे पर GeoJSON डेटा की एक परत जोड़ने के लिए कोशिश कर रहा हूँ, लेकिन यह काम नहीं करेगा। मैं की तरह उनके ट्यूटोरियल के एक नंबर की कोशिश की है यह एक और इस एक है, लेकिन वे काम नहीं करेगा।

यह मेरा कोड है:

var map = new mapboxgl.Map({
      container: 'themap',
      center: [-73.9939914, 40.7274072],
      zoom: 17,
      style: 'mapbox://styles/mapbox/streets-v9'
  });

  map.on('load', function () {

    map.addSource('plutodata', {
    type: 'geojson',
    url: 'http://url.geojson'
    });
   map.addLayer({
   id: 'pluto',
   type: 'fill',
   source: 'plutodata',
   'source-layer': 'plutodata',
       layout: {
         visibility: 'visible'
       },
       paint: {
         'fill-color': 'rgba(61,153,80,0.55)'
       }
    });
  });

नक्शा लोड, लेकिन GeoJSON परत प्रकट नहीं होता है। कोई भी विचार मैं कहाँ गलत हो रहा हूँ?

पूर्ण समाधान:

नीचे tmcw पद इस समस्या का समाधान में पहला कदम था। मैं अपने .htaccess फाइल करने के लिए COR: सक्षम हेडर गयी। दूसरे चरण के लिए कि map.addSource के तहत Url संपत्ति होना चाहिए था डेटा। अब सब कुछ काम करता है।

23/10/2016 को 23:56
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


2 जवाब

वोट
2

MapBox जीएल जे एस इस सर्वर से डेटा लोड करने के लिए, यह उपयोग करने के लिए की जरूरत है क्रॉस-ओरिजिन संसाधन साझा करने , और इस URL का समर्थन नहीं करता । आप की आवश्यकता होगी CORS सक्षम सर्वर या फ़ाइल डेटा का अनुरोध करने के लिए अन्य सर्वर की अनुमति के लिए पर।

24/10/2016 को 12:56
का स्रोत उपयोगकर्ता

वोट
0

आप MapBox करने के लिए एक tileset के रूप में अपने GeoJSON अपलोड कर सकते हैं, तो अपने शैलियों में से एक में एक नई परत बनाने के लिए, और टैब 'डाटा से परत' के तहत अपने GeoJSON tileset दर्ज करें। , तो उदाहरण के लिए, आप अपने नए परत 'mygeojson' कहा जाता है तो आप अपने .js, जैसे में यह कॉल कर सकते हैं:

map.on('load', function() { map.addLayer({ 'id': 'mygeojson', 'source': 'composite', 'source-layer': 'mygeojson', 'type': 'fill', 'paint': { 'fill-color': '#f00' } }); });

25/10/2016 को 00:23
का स्रोत उपयोगकर्ता

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