javascript - Google map api - 标记标签

Question

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

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

而且我不想使用额外的插件。

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

<小时/>

当前 map 的外观:

<小时/>

标记应具有的标签:

Brandenburger Gate - Google Maps

<小时/>

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 将类附加到标签。更多 here .

示例:

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"
      }
});