JavaScript Google Maps Marker Problème

Question

Ceci est la page en question ...

http://dev.digitalskydesign.com/locations/

Allez-y, placez le curseur sur l'une des icônes 'vertes' sur Google Map. Avant de cliquer dessus, passez la souris dessus et vous verrez que tout un tas de code apparaît.

Je ne veux pas que ce code apparaisse du tout, mais j'ai du mal à comprendre comment le gérer dans mon code JavaScript.

Le code JavaScript qui gère cette carte se trouve ici ...

http://dev.digitalskydesign.com/wp-content/themes/Teamsters-FCU/locations-iframe.php

Il y a aussi un fichier txt appelé « branche locations.txt » qui est fondamentalement juste adresses et les codes géographiques pour tous les emplacements des marqueurs de carte.

Je ne suis pas un gourou JavaScript (juste un concepteur web), donc si vous pouviez me dire quel code modifier/inclure ainsi que l'endroit où le mettre, ce serait très apprécié.

Merci les gars!

Answer 1

Il semble que vous ayez html dans votre propriété d'info-bulle. Il semble que le code: var label = points[i].textArray[2]; cause le problème.

Si vous souhaitez un marquage HTML pour le tip, vous devez ajouter un événement à l'événement mouseover du marqueur qui affiche l'info-bulle dans un élément et ajoute un événement au mouseout pour supprimer l'élément tip.

L'autre option que vous avez est de changer l'étiquette à quelque chose sans HTML Markup.

Un exemple d'ajouter la pointe avec le code JavaScript est ci-dessous:

Certains qui a été prise de How to call fromLatLngToDivPixel in Google Maps API V3?

//You need this to get the projection... put this code at the top of your javascript after you declare map 
var overlay = new google.maps.OverlayView(); 
overlay.draw = function() {}; 
overlay.setMap(map); //Where map is your Map2 instance 

//Put this code at line 164 
var label = ''; 
points[i].marker = new GMarker(points[i],{title: label, icon:tinyIcon(opts.icon)}); 
google.maps.event.addListener(points[i].marker, 'mouseover', function() { 

//Create the tip and get the Point so position the tip 
var toolTip = document.createElement('div'),   
    point = overlay.getProjection().fromLatLngToDivPixel(this.getPosition()); 
toolTop.styles.position = 'absolute'; 
toolTop.styles.left = point.x; 
toolTop.styles.top = point.y 

document.body.appendChild(toolTip); 

google.maps.event.addListener(this, 'mouseout', function() { 
    document.body.removeChild(toolTip); 
    }); 

});