javascript - 为什么标记在 mapbox 中不可见？

Question

我在 mapbox 上胡思乱想，但无论我做什么，标记都不可见这是我的代码

map.on('dblclick', function (e) {
            var el = document.createElement('div');
            el.setAttribute("style","width: 25px,height: 25px,border-radius: 50%,border:1px solid gray,background-color:lightblue");
            var letcoordinates = [e.lngLat.lng, e.lngLat.lat];
            // make a marker for each feature and add to the map
            debugger
            new mapboxgl.Marker(el)
            .setLngLat(letcoordinates)
            .addTo(map);
   });

我不知道我做错了什么

提前致谢

Answer 1

在您的setAttribute() 中，属性应该用分号 分隔:

el.setAttribute("style","width: 25px;height: 25px;border-radius: 50%;border:1px solid gray;background-color:lightblue");

结果:https://codepen.io/eddydg/pen/vWZGGB?editors=1010