Question

我已经在网站上添加了带有标记的地图，但我不确定标题属性对标记的作用。

我已使用developer.google网站上的文档

https://developers.google.com/maps/documentation/javascript/examples/marker-simple

在这个例子中，＆＃34; hello world＆＃34; （标题标题）到底是做什么的？我在OS X El Capitan - Chrome

function initMap() {
  var myLatLng = {lat: -25.363, lng: 131.044};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });
}

Answer 1

我发现它不可靠，在显示一组标记时，它不会始终显示鼠标悬停时的所有标题工具提示。

解决方案是在创建标记时设置此选项：

optimized: false

“优化会将许多标记渲染为单个静态元素。默认情况下启用优化渲染。禁用动画GIF或PNG的优化渲染，或者必须将每个标记渲染为单独的DOM元素（仅限高级用法）。“

https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions

感谢Google Maps Issue Tracker上的评论，以突出显示此解决方案： https://issuetracker.google.com/35822066#comment22

Answer 2

这适用于您尝试

<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>

function init() {
  var myLatLng = {lat: -25.363, lng: 131.044};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });

  google.maps.event.addListener(marker , 'click', function(){
      var infowindow = new google.maps.InfoWindow({
        content:'Hello Title',
        position: myLatLng,
      });
      infowindow.open(map);
  });
}

$(document).ready(function(){
  google.maps.event.addDomListener(window, 'load', init()); // two calls

});

</script>

您错过了使用标记附加addListener事件。

Answer 3

用户@ Vijaykrish93指出，标记中的title对象代表工具提示值。

对于标签，documentation已覆盖。您只需要在标记中设置label的值：

var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    label: "Hello World!"
});

或通过使用MarkerLabel界面：

var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    label: {
        fontSize: "8pt",
        text: "Hello World!"
    }
});

here中描述了fontSize旁边的其他格式选项。

Google地图标记标题未显示？

3 个答案: