Windy在标记下方添加工具提示

时间:2018-02-27 16:52:38

标签: tooltip marker

我的Windy地图上有一个标记(https://www.windy.com),并尝试在标记下面放置一个工具提示或文字,这些标记始终可见(无论是否点击标记)。

以下是我的JS:

// MARKER of Convoy on the Map
const icon = L.icon({
    iconUrl: 'http://imap.klickitatcounty.org/img/marker-icon-blue.png',
    iconSize: [25, 41],
    iconAnchor: [13, 41],
    popupAnchor: [0, -25],
});

// ...MARKER of Convoy Create...
const marker = L.marker([latitude,longitude], {
    icon: icon,
});

// ...MARKER add to maps...
marker.addTo(maps);

// ...MARKER attach a popup to it with some content:
marker.bindPopup(
    '<h2>0hrs</h2><a ', {
    className: 'my-popup'
}).openPopup();

还有我的CSS:

.my-popup img {
    width: 200px;
    height: auto;
}

.my-popup h2 {
    color: black;
}

我不是专家,所以如果有人可以提供帮助我会很感激。 感谢。

0 个答案:

没有答案