相关疑难解决方法(0)

通过mapbox gl js将一些基本标记添加到mapbox中的地图

我有一个用mapbox studio设计的地图,但是我很难添加一个基本的标记,但是文本出现在标记应该是哪里表明标记会在那里.

所以这是具有该地图样式的代码:

mapboxgl.accessToken = 'pk.eyJ1Ijoic21pY2tpZSIsImEiOiJjaWtiM2JkdW0wMDJudnRseTY0NWdrbjFnIn0.WxGYL18BJjWUiNIu-r3MSA';
var map = new mapboxgl.Map({
    container: 'map',
    style: "mapbox://styles/smickie/cikb3fhvi0063cekqns0pk1f1",
    center: [-30.50, 40],
    zoom: 2,
    interactive: false
});
Run Code Online (Sandbox Code Playgroud)

这里有一些标记从api的例子中添加:

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

    map.addSource("markers", {
        "type": "geojson",
        "data": {
            "type": "FeatureCollection",
            "features": [{
                "type": "Feature",
                "geometry": {
                    "type": "Point",
                    "coordinates": [-77.03238901390978, 38.913188059745586]
                },
                "properties": {
                    "title": "Mapbox DC",
                    "marker-symbol": "monument"
                }
            }, {
                "type": "Feature",
                "geometry": {
                    "type": "Point",
                    "coordinates": [-122.414, 37.776]
                },
                "properties": {
                    "title": "Mapbox SF",
                    "marker-color": "#ff00ff"
                }
            }]
        }
    });

    map.addLayer({ …
Run Code Online (Sandbox Code Playgroud)

javascript mapbox

11
推荐指数
1
解决办法
8592
查看次数

标签 统计

javascript ×1

mapbox ×1