web-dev-qa-db-fra.com

Google map qui s'ouvre dans une nouvelle fenêtre

J'ai un type de message personnalisé appelé "Lieu" et j'aimerais que mes utilisateurs puissent créer une carte pour ce lieu, essentiellement un marqueur sur une carte avec le nom du lieu et son adresse. Le fait est que je veux créer un petit instantané de la carte et qu'en survolant, l'utilisateur du site Web clique et ouvre la carte complète dans un nouvel onglet ou une nouvelle fenêtre.

Comment puis-je créer cela dans WordPress? La plupart des plugins Google Map pour WordPress vous permettent d’intégrer la carte directement dans la page, mais je veux qu’elle soit cliquable et ouvrir la carte complète dans un nouvel onglet.

Merci

map
3
John

Le problème est donc que si vous utilisez un code d'intégration personnalisé Google, l'iframe absorbe tous les clics, vous ne pouvez donc pas déclencher de lien.

La solution que j'ai trouvée consiste à utiliser Google Static Maps que j'ai découvert via Simple Static Googlemaps Plugin .

Ma priorité est une carte attrayante qui se charge plus rapidement (sans javascript) jusqu'à ce que l'utilisateur clique pour naviguer sur la carte. Je souhaite ensuite qu'elle s'affiche dans une lightbox (j'utilise wp-fancybox). Le plugin ci-dessus peut toujours fonctionner pour WP v.3 + car cela semble assez simple, mais je n'ai pas essayé.

Au lieu de cela, j'ai intégré les éléments suivants dans mon modèle:

$static_map = '
<img alt="Googlemap" src="http://maps.google.com/maps/api/staticmap?center='. $location
.'&markers=small|' . $location
.'&zoom=14'
.'&size=480x340'
.'&sensor=false"/>';

$popup_map = '
http://maps.google.com.au/maps?q='. $location
.'&f=q&hl=en&geocode=&mrt=all&ie=UTF8&hq=&'
.'hnear=' . $location 
.'&z=14&iwloc=&output=embed';

$map = '
<div class="map clearfix">
    <a class="iframe" href="'. $popup_map . '">
    ' . $static_map . '
    </a>                
</div>' ."\n";

print($map);
  • $ location est juste une adresse, rien d’extraordinaire (10 Monkey St, Jungletown, Madagascar)
  • dans $ popup_map laissant & iwloc = blank masque la bulle de texte que je n'ai pas trop tripotée avec les autres paramètres car cela semble fonctionner;)

J'espère que cela pourra aider! (Beaucoup de choses à améliorer) À la vôtre, Tim

2
ptim

Souhaitez-vous qu'ils accèdent à une carte plus grande sur votre site ou à quelque chose comme maps.google.com? Si vous souhaitez créer un lien vers la carte Google sur Google, vous pouvez simplement ajouter target="_blank" à votre lien pour le faire ressembler.

<a href="http://www.destinationurl.com" target="_blank">Some Text or Image goes here</a>

Alternativement, il est toujours possible de configurer Lightbox/Thickbox pour ouvrir les cartes Google dans un iframe. Quelque chose comme Thickbox pourrait fonctionner pour cela.

En règle générale, pour le développement Web, vous ne voulez pas forcer les visiteurs du site Web à ouvrir une nouvelle fenêtre ou un nouvel onglet lorsque vous cliquez sur un lien de votre site. Vous souhaitez plutôt que cette information soit la meilleure possible sur votre site. Cela aidera votre présence SEO et aidera à réduire les taux de rebond.

0
NW Tech