2010-07-20 5 views
4

Je peux dessiner des éléments de superposition sur google maps très bien, une image qui ressemble à:Extension de marqueur de superposition sur Google Maps?

______ 
| | 
______ 
    \/ 

Lorsque le «/» partie est la « pin » qui marque la latitude/longitude sur la carte et une image en au milieu de celui-ci. Ma question est, est-il possible de développer cela lorsque l'utilisateur clique dessus? Je vais bien sûr devoir changer cela en une sorte de boîte de dialogue ou de mise en page et la changer quand on clique dessus.

Je veux avoir plus petit comme ça avec juste une image lorsqu'ils ne sont pas cliqué sur, mais quand on clique dessus sur elle se développe comme une seconde plus à:

-------------------------------------- 
| <image>     <buttons> | 
|       <buttons> | 
| <some info here>     | 
|         | 
-------------------------------------- 
       \/ 

Est-ce possible?

+0

Vous résolvez ce problème? – TamiL

Répondre

0

Créez une superposition personnalisée et, dans le remplacement onAdd, créez une div personnalisée avec la disposition de contenu requise.

myOverlay.prototype.onAdd = function(){ 
    var div = document.createElement('DIV'); 
    div.style.position = 'absolute'; // so we can position it later. 
    // populate the div 
    this.div_ = div; 
    this.getPanes().overlayLayer.appendChild(div); 
} 

maintenant dans la draw override vous décidez où placer sur la carte. Dans le tableau, vous pouvez dessiner le marqueur initialement avec un gestionnaire d'événement click qui définit la visibilité sur la div.

myOverlay.prototype.draw = function(){ 
    var div = this.div_; 
    //populate div with content as required. 
    div.style.left = //calculate location based on width/height and centre 
    div.style.top = // ditto 
} 
Questions connexes