【问题标题】:Google Map not showing the marker title谷歌地图不显示标记标题
【发布时间】:2019-10-10 18:29:38
【问题描述】:

我试图在将鼠标悬停在标记上时显示标题。如果它也默认打开就可以了。

我不想要infoWindow

这是我迄今为止没有成功的。

function myMap() {
  var map = new google.maps.Map(document.getElementById("map"), mapOptions);
  var myCenter = new google.maps.LatLng(34.131730, -117.910127);
  var mapCanvas = document.getElementById("map");
  var mapOptions = {
    center: myCenter, 
    zoom: 16,
    panControl: false,
    zoomControl: false,
    mapTypeControl: false,
    scaleControl: false,
    streetViewControl: false,
    overviewMapControl: false,
    rotateControl: false
  };
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var image = {
    url: 'images/marker.png',
    scaledSize : new google.maps.Size(60, 60),
  };
  var marker = new google.maps.Marker({
    position:myCenter,
    title: "Hello World!",
    icon: image
  });
  marker.setMap(map);
}

【问题讨论】:

  • 发布的代码适用于我(使用默认标记):fiddle。请提供一个 minimal reproducible example 来证明您的问题。
  • Hello World! 在哪里?我在您分享的 JSFiddle 演示中没有看到它。我检查了 Safari、Chrome 和 Firefox。感谢您的努力。
  • 标题是标记的“工具提示”的文本。当您将鼠标悬停在标记上时出现。在 Chrome 中为我工作(在桌面上,不能将鼠标悬停在移动设备上的标记上)。您是否在寻找标签(始终显示)?

标签: javascript google-maps google-maps-api-3 google-maps-markers


【解决方案1】:
function initialize() { 


var myLatlng = new google.maps.LatLng(48.89364, 2.33739); 

var mapOptions = { zoom: 13, center: myLatlng } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

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

google.maps.event.addDomListener(window, 'load', initialize); initialize();



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

google.maps.event.addDomListener(window, 'load', initialize);
initialize();

【讨论】:

  • 请不要只发布代码作为答案,包括说明您的代码的作用以及它如何解决问题的问题。这使您的回答更有价值,更有可能吸引投票。
猜你喜欢
  • 1970-01-01
  • 2014-10-08
  • 1970-01-01
  • 2019-12-09
  • 2013-10-01
相关资源
最近更新 更多