Google Maps InfoWindow ouvertes sur l'extérieur de la carte Cliquez

Question

Tous, J'ai le code suivant pour ajouter un marqueur:

function addPoints( points )
{   
for ( var p = 0; p < points.length; ++p )
{
    var pointData = points[p];
    if ( pointData == null ) return; 
    var point = new GLatLng( pointData.latitude, pointData.longitude );
var marker = createMarker( point, icon0, pointData.html );
map.addOverlay( marker );
}
}

function createMarker(point, icon, popuphtml) {
//alert("the create marker is: "+point);
var popuphtml = "<div id=\"popup\">" + popuphtml + "<\/div>";
var marker = new GMarker(point, icon);
GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(popuphtml);
});
return marker;
}

J'ai un peu de PHP / Javascript pour transmettre les informations à cette fonction:

$lat = $resultset_vendors['vendor_latitude'];
$long = $resultset_vendors['vendor_longitude'];
$name = $resultset_vendors['vendor_name']. "<br/>" . $resultset_vendors['vendor_address1']
. "<br/>" . $resultset_vendors['vendor_city'] . ", " . $resultset_vendors['vendor_state'] . " " . $rs['vendor_zip'];
$jsData = $jsData . "    new Store( $lat, $long, '$name' ),\n";


function Store( lat, long, text )
{
this.latitude = lat;
this.longitude = long;
this.html = text;
}

var myStores = [<?php echo $jsData;?>, null];

Mes données est transmis avec succès et tout semble bon, sauf la boîte pop-up ouvre à l'intérieur de la div Maps. Comment peut-il être ouvert à l'extérieur de la div cartes? Un bon exemple se trouve sur jappement. Si vous placez le curseur sur un marqueur dans leur carte, il ouvre à l'extérieur des cartes div.

Answer 1

La fenêtre d'informations Google Maps sont ouverts à l'intérieur du div, je viens de vérifier sur Yelp, ils ont également ouvert à l'intérieur de la carte. Si vous voulez un pop-up externe, vous auriez probablement besoin d'un code de fonction pour que les caisses un pop-up qui est ajouté en dehors de la carte, puis positionner absolument au point. Le problème est que le débordement de la div contenant la carte est définie sur cachée.

Answer 2

Vous pouvez construire votre propre InfoWindow comme ils le font ici pour voir la carte de statique: http://www.appelsiini.net/projects/php_google_maps/controls.html?center=58.37917285%2C26.74759984&infowindow=&zoom=14

Je pense que vous pouvez également l'adapter à utiliser avec dynamique (javascript) carte ... Si vous avez géré les événements (comme bounds_changed etc.) correctement.