मार्कर दिखाएँ बहुभुज के पीछे

वोट
0

मैं चक्र बनाया है (द्वारा प्रकार बहुभुज, गणना निर्देशांक के साथ इस सूत्र - अभी भी यकीन नहीं करता है, तो यह सबसे अच्छा तरीका है वृत्त प्रस्तुत करना है ...)

और कुछ मार्करों, शहरों का प्रतिनिधित्व। मैं, मार्कर पसंद करते हैं क्योंकि वे एचटीएमएल तत्व हैं और मैं उन्हें शैली दे सकते हैं।

सर्किल शहरों के चयन के लिए एक त्रिज्या के रूप में कार्य करता है।

मेरा प्रश्न मैं इन मार्कर कैसे रख सकते हैं, है पीछे चक्र? सर्किल कैनवास का हिस्सा है, और मार्कर divs अलग होती है, इसलिए किसी भी z- सूचकांक वहाँ मदद नहीं करेगा।

या मैं कैनवास में अंक के रूप में किसी भी तरह उन मार्करों बनाना चाहिए?

के लिए वास्तव में देख रहे हैं इस व्यवहार केवल mapboxgl में,।

16/08/2016 को 09:13
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
1

यहाँ एक उदाहरण है: https://jsfiddle.net/kmandov/vzc0o86g/

आप उपयोग कर सकते हैं मैदान-चक्र एक चक्र एक निश्चित दायरे को और इकाइयों का उपयोग करके बनाने के लिए। टर्फ सर्कल एक उत्पन्न geojsonउद्देश्य यह है कि अपनी ही परत में जोड़ा जा सकता है।

var center = {
  "type": "Feature",
  "properties": {
    "marker-color": "#0f0"
  },
  "geometry": {
    "type": "Point",
    "coordinates": [-77.1117, 38.8739]
  }
};

var lasso = turf.circle(center, 5, 20, 'kilometers');

तो फिर तुम यह अपने आप ही परत में जोड़ें। मैं यह कहा है lasso:

  map.addSource('lasso', {
    'type': 'geojson',
    'data': lasso
  });

  map.addLayer({
    'id': 'lasso',
    'type': 'fill',
    'source': 'lasso',
    'paint': {
      'fill-color': '#f1f075',
      'fill-opacity': 0.8
    }
  });  

तो फिर तुम परत के ऊपर (परत को निर्दिष्ट करके स्टेशनों युक्त जोड़ने उदाहरण )। यह सुनिश्चित करें कि कर देगा lasso layerसे ऊपर है stations layer:

  map.addLayer({
    'id': 'stations',
    'type': 'circle',
    'source': 'stations',
    'paint': {
      'circle-color': '#feb24c',
      'circle-opacity': 1,
      'circle-radius': 5
    }
  }, 'lasso'); // lasso is the layer above
16/08/2016 को 12:15
का स्रोत उपयोगकर्ता

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