javascript - 我在谷歌地图上有一个标记,点击后应该显示文本内容

标签 javascript onclick google-maps-markers show-hide infowindow

单击时的标记将调用一个名为 calcRoute 的函数。我还想在单击标记时在标记附近显示文本内容。

var textContent = "Some text";

var marker = new google.maps.Marker({
            map: map,
            title: MALL.mall.name,
            position: pos
        });

google.maps.event.addListener(marker, 'click', (function () {
            calcRoute();
        }));

最佳答案

看到您已将问题标记为“infowindow”,您应该尝试一下:

var infowindow = new google.maps.InfoWindow({
    content: textContent
});

google.maps.event.addListener(marker, 'click', (function () {
    calcRoute();
    infowindow.open(map, marker);
}));

https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

关于javascript - 我在谷歌地图上有一个标记,点击后应该显示文本内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11675715/

相关文章:

javascript - 不使用innerHTML设置按钮文本

google-maps-api-3 - 如何在不使用 marker = new google.maps.Marker 的情况下更改标记选项

angular - 从 typescript 更改 Angular Map svg 标记的颜色

google-maps - Flutter Google Maps - 根据行车方向旋转标记

javascript - Emscripten 未优化

php - 来自 JavaScript 的正则表达式

javascript - 如何防止暂停计时器脚本时弹出确认对话框

javascript - HTML onclick 处理程序不触发 insideHTML 更改

javascript - 在 ChartJS 中获取 X、Y onClick 图表坐标

JavaScript - 从加载多个链接的 For 循环调用 'onClick' 函数