MapBox स्टूडियो में आइकन दिखाई MapBox जीएल के माध्यम से दिखाई नहीं दे रहा

वोट
1

मैं एक svg अपलोड की गई और MapBox स्टूडियो नक्शे में इसे देख सकते हैं और MapBox जीएल का उपयोग कर शेयर माउस के साथ tileset प्रदर्शित कर सकते हैं। हालांकि, जब मैं अपने चिह्न का उपयोग करने की कोशिश अंक आकर्षित नहीं करते। पृष्ठभूमि अभी भी खींचता है और कैफे-15 का उपयोग करते हुए अंक नीचे कोड के मामले में तैयार कर रहे हैं।

'icon-image': 'cafe-15', // stock symbol shows
'icon-image': 'boxy-hourglass', // my uploaded symbol - does not show

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

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <title></title>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.21.0/mapbox-gl.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.21.0/mapbox-gl.css' rel='stylesheet' />
    <style>
        body { margin:30px; padding:0; }
        #map { position:absolute; top:50px; bottom:50px; width:22%; height:42% }
    </style>
</head>
<body>

<div id='map'></div>
<script>

mapboxgl.accessToken = '{token}';

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

map.on('load', function () {
    map.addSource('toxsites', { 
        type: 'vector',
        url: 'mapbox://djorgensen.5cvtu32g' 
    });
    map.addLayer({
        'id': 'spills',
        'type': 'symbol',
        'source': 'toxsites',
        'source-layer': 'Toxicsites160622', 
        'filter': ['all', ['==', 'MAP_GROUP', 'SPILLS']],
        'layout': {
            'visibility': 'visible',
            'icon-allow-overlap': true,
            'icon-image': 'cafe-15', // stock symbol shows
            'icon-size': 1 
        }
    });    
    map.addLayer({
        'id': 'pbs',
        'type': 'symbol',
        'source': 'toxsites',
        'source-layer': 'Toxicsites160622', 
        'filter': ['all', ['==', 'MAP_GROUP', 'PBS']],
        'layout': {
            'visibility': 'visible',
            'icon-allow-overlap': true,
            'icon-image': 'boxy-hourglass', // my uploaded symbol - does not show
            'icon-size': 1 
        }
    });
});
</script>

</body>
</html>

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


1 जवाब

वोट
1

कस्टम आइकन MapBox स्टूडियो में विशिष्ट शैली के साथ जुड़े रहे हैं, तो आप अपलोड कस्टम के साथ अपनी शैली को बचाने के लिए करना होगा boxy-hourglassआइकन, और फिर शैली URL को अपडेट:

var map = new mapboxgl.Map({
  container: 'map', 
  style: yourNewStyleURLHere, 
  center: [-73.9517, 40.8001], 
  zoom: 17 
});

यहाँ छवि विवरण दर्ज

यहाँ छवि विवरण दर्ज

  • अस्वीकरण - मैं MapBox पर काम
26/08/2016 को 17:11
का स्रोत उपयोगकर्ता

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