如何设置传单标记不透明度?

Question

我正在使用map api。如果缩放级别低于15，我尝试隐藏标记，如果缩放级别大于15，则显示标记。下面是我的代码:

const markerS = L.marker([0, 0], {icon: start}).addTo(mymap);
const api_url = 'json.php'
async function getjson() {
const response = await fetch(api_url);
const data = await response.json();
const start = (data[0])
const zoom = mymap.getZoom();
markerS.setLatLng([start.latitude, start.longtitude]);
if(zoom > 15) {
markerS.style.display == "block"
} else {
markerS.style.display = "none"
}     
}

但是if逻辑不起作用。Uncaught (in promise) TypeError: Cannot set property of undefined (setting 'display')在getjson"

我该如何解决这个问题?

Answer 1

传单标记实例不是DOM元素-它们没有.style属性。但是，他们确实有setOpacity方法。

改变

markerS.style.display == "block"
markerS.style.display = "none"

markerS.setOpacity(100);
markerS.setOpacity(0);

。