如何在地图上设置按钮

Question

是否可以像这张图片那样在地图上设置一个按钮并用 Lat/Lng 坐标定义它的位置？

或者有其他方法可以设置按钮的位置吗？

Answer 1

感谢您的评论！

OverlayView 对我来说有点复杂，所以我找到了另一个解决方案。

let FormCH = {
    path: 'M -3,-0.5 3,-0.5 3,0.5 -3,0.5 z ',
    strokeColor: '#000',
    strokeWeight: 2,
    fillColor: '#99d126',
    fillOpacity: 1,
    scale: 30
};

let markerCH = new google.maps.Marker({
    position: {
        lat: 46.818188,
        lng: 8.227511999999999
    },
    map: map,
    draggable: false,
    icon: FormCH,
    label: {
        text: "Switzerland " + numCH,
        fontWeight: "bold",
        fontSize: "20px",
        color: "#fff"
    }
});

我设置了带有标签文本的标记，并将标记图标替换为 svg 路径。

结果如下： code result

但是如您所见，绿色框周围有一些 space。您可以在“路径：”中调整它的大小，或者找到一种方法来自动调整框的大小。

当我找到如何自动调整方框大小的解决方案时，我会post在这里。

如何在地图上设置按钮

how to set a button on the map

google-maps

google-maps-api-3