PGRestAPI वेक्टर टाइल के साथ MapBox-gl.js (PBF)

वोट
0

मैं PGRestAPI नीचे दिए यूआरएल से खुद वेक्टर टाइल है http://192.168.1.4:3001/services/postgis/cleantech2/geom/vector-tiles/ {z} / {x} / {y} .pbf

और मैं MapBox-gl.js का उपयोग नक्शा, लेकिन कुछ भी प्रदर्शन प्रस्तुत करने के लिए प्रयास करें।

मैं गलत कर रहा हूँ? धन्यवाद

var style = {
  version: 8,
  sources: {
    countries: {
      type: vector,
      tiles: [http://192.168.1.4:3001/services/postgis/cleantech2/geom/vector-tiles/{z}/{x}/{y}.pbf],
      maxzoom: 6
    }
  },
  glyphs: location.origin+location.pathname+font/{fontstack}/{range}.pbf,
  layers: [{
    id: background,
    type: background,
    paint: {
      background-color: #ddeeff
    }
  },{
    id: country-glow-outer,
    type: line,
    source: countries,
    source-layer: country,
    layout: {
      line-join:round
    }
  }]
};

var init_lat = 1.3552799//42.299228067198634;
var init_lng = 103.6945413;//-83.69717033229782;
  mapboxgl.accessToken = 'mapbox-token';
  var map = new mapboxgl.Map({
      container: 'map',
      style: style,
      center: [init_lng,init_lat],
      zoom: 15
  });

संपादित करें 1:

डिबग MapBox-जीएल-js कोड के बाद, अब कई हलकों देख सकते हैं। मैं शैली, संशोधित करने, PBF से स्रोत परत नाम सही होना चाहिए।

लेकिन सभी बिंदुओं से प्रदर्शित नहीं है, यह फ़िल्टर्ड लगता है?

विरल

var style = {
        version: 8,
        sources: {
            cleantech: {
                type: vector,
                // url: mapbox://map-id
                // url: http://tileserver.com/layer.json,
                tiles: [http://192.168.1.4:3001/services/postgis/cleantech2/geom/vector-tiles/{z}/{x}/{y}.pbf],
                maxzoom: 6
            }
        },
        glyphs: location.origin+location.pathname+font/{fontstack}/{range}.pbf,
        layers: [{
            id: cleantech2_geom_id,
            type: circle,
            'source': 'cleantech',
            'layout': {
                'visibility': 'visible'
            },
            'paint': {
                'circle-radius': 8,
                'circle-color': 'rgba(55,148,179,1)'
            },
            'source-layer': 'cleantech2_geom'
        }]
    };

2 संपादित: 22 के लिए Maxzoom बदलने के लिए, सभी डेटा का प्रदर्शन किया। चलो पीते हैं!

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

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