Google 地图 api - 标记标签

Question

我想在我的网站上包含一个自定义地图，对于主要部分，除了一件事之外，一切正常。

红色标记需要一个标签，虽然我可以添加一个图标并将其用作标记，但我想添加标签而不需要额外的图像。

我也不想使用额外的插件。

如果这不起作用：是否可以将其添加mapoptions到标准嵌入地图中？唯一的缺点是它会在滚动时缩放。

---

查看当前地图：

---

标记的标签应具有：

勃兰登堡门 - 谷歌地图

---

HTML：

<div id="googleMap"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

JavaScript（jQuery）：

$(function() {

    function showMap() {

        var mapZoom = 14;
        var LatLng = new google.maps.LatLng(52.516275, 13.377704);

        var mapOptions = {
            zoom: mapZoom,
            center: LatLng,
            streetViewControl: false,
            scrollwheel: false,
            navigationControl: false,
            mapTypeControl: false,
            scaleControl: false,
            keyboardShortcuts: false

        };

        var map = new google.maps.Map(document.getElementById('googleMap'),mapOptions);

        var marker = new google.maps.Marker({
            position: LatLng,
            map: map,
            draggable: false
        });
    }
    google.maps.event.addDomListener(window, 'load', showMap);

});

Answer 1

我知道这是一个老问题，但我遇到了同样的问题，我发现您可以使用属性className将类附加到标签。更多这里。

例子：

marker = new google.maps.Marker({
      position: new google.maps.LatLng(lat, lng),
      label: {
            text: "Hello World",
            color: "#203334",
            fontWeight: "bold",
            fontSize: "16px",
            className: "map-label"
      }
});