2014-09-12 2 views
1

Использование Firefox, названия маркеров отображаются только для первого маркера, который затушевывается. Любые последующие мыши не дают названия. Титулы работают отлично с Chrome, IE и т. Д.Название Gmap V3 api появляется только для первого маркера

Было несколько предыдущих вопросов об этом. (См Google Maps Marker title no longer appears as tooltip on hover

Ответы показал, что это была проблема в экспериментальной версии API.

GMaps апите вопросы https://code.google.com/p/gmaps-api-issues/issues/detail?id=6931 связанно.

Как прилагаемый jFiddle показывает, проблема не обязательно фиксируется с помощью & у = 3.

ли я что-то пропустил?

<!DOCTYPE html> 
<html> 
<head lang="en"> 
<meta charset="UTF-8"> 
<title>Titles Fail</title> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src='https://maps.googleapis.com/maps/api/js?v=3&sensor=false'></script> 
<script type="text/javascript"> 
    function mapDisplay(){ 
     var locations = [ 
      [-42.0, 147.0, "marker 1"], 
      [-42.3, 147.9, "marker 2"], 
      [-42.2, 147.45, "marker 3"], 
      [-42.8, 147.9, "marker 4"] 
     ]; 
      $("#map").css({'height': '600px'}); 

      var map = new google.maps.Map(document.getElementById('map'), { 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }); 

      var marker, point; 
      var bounds = new google.maps.LatLngBounds(); 

      for (var i = 0; i < locations.length; i++) { 
       point = new google.maps.LatLng(locations[i][0], locations[i][4]); 
       marker = new google.maps.Marker({ 
        position: point, 
        map: map, 
        title: locations[i][5] 
       }); 

       bounds.extend(marker.position); 
      } 
      map.fitBounds(bounds); 
      if(map.getZoom()> 10){ 
       map.setZoom(10); 
      } 
    } 
</script> 
</head> 
<body onload="mapDisplay()"> 
<div id="map" style="height: 90%; width: 90%;"></div> 
</body> 
</html> 
+0

Это проблема с версией API (или проблема с Firefox). [«Замороженная версия» (в настоящее время v3.16)] (https://developers.google.com/maps/documentation/javascript/basics#Versioning) исправляет ее (по крайней мере для меня) [скрипт] (http: // jsfiddle.net/dwrup2ad/14/) [текущая проблема в отслеживателе проблем] (https://code.google.com/p/gmaps-api-issues/issues/detail?id=7136) – geocodezip

ответ

1

Это проблема с версией API. "frozen version" (currently v3.16):

<script src='https://maps.googleapis.com/maps/api/js?v=3.0&sensor=false'></script> 

фиксирует его (по крайней мере, для меня)

fiddle

current issue in the issue tracker (голос, чтобы показать заинтересованность/отслеживания состояния)

+0

Согласно Google, стабильная "версия 3.17, и эта версия демонстрирует нежелательное поведение. Установка параметра «оптимизировано» на «false» делает это поведение угасающим, что является хорошим доказательством того, кто в Google будет устранять проблему. – RoyHB

+0

Оптимизированный маркер визуализируется с использованием холста; неоптимизированный маркер отображается как элемент DOM без холста. – geocodezip

0

Этот вопрос остается в силе в Firefox 39, но теперь есть проблема с событием addListener для mousover.

Добавление «оптимизировано: false» к параметрам маркера - как упоминалось RoyHB - не только решает проблему с заголовком, но также и проблему с событием addListener mouseover.

Смежные вопросы