Après avoir cherché (Google) sur le Web pendant un certain temps, je ne trouve rien qui prenne une adresse comme:

1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003

et le convertit en un lien cliquable:

http://maps.google.com/maps?f=q&source=s_q&hl=en&q=1200+Pennsylvania+Ave+SE,+Washington,+District+of+Columbia,+20003&sll=37.0625,-95.677068&sspn=44.118686,114.169922 & ie = UTF8 & cd = 1 & geocode = FT5MUQIdIDlp-w & split = 0 & ll = 38.882147, -76.99017 & spn = 0.01064,0.027874 & z = 16 & iwloc = A

jQuery ou PHP préféré ou tout simplement des informations utiles à ce sujet.

Que dis-tu de ça?

https://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003

https://maps.google.com/?q=term

Si vous avez lat-long, utilisez l'URL ci-dessous

https://maps.google.com/?ll=latitude,longitude

Exemple: maps.google.com/?ll=38.882147,-76.99017

METTRE À JOUR

Depuis l'année 2017, Google dispose désormais d'un moyen officiel de créer des URL Google Maps multiplateformes:

https://developers.google.com/maps/documentation/urls/guide

Vous pouvez utiliser des liens comme

https://www.google.com/maps/search/?api=1&query=1200%20Pennsylvania%20Ave%20SE%2C%20Washington%2C%20District%20of%20Columbia%2C%2020003 

Je sais que je suis très en retard dans le jeu, mais j'ai pensé contribuer pour la postérité.

J'ai écrit une courte fonction jQuery qui transformera automatiquement toutes les <address>balises en liens Google Maps.

Voir une démo ici.

$(document).ready(function () {
   //Convert address tags to google map links - Michael Jasper 2012
   $('address').each(function () {
      var link = "<a href='http://maps.google.com/maps?q=" + encodeURIComponent( $(this).text() ) + "' target='_blank'>" + $(this).text() + "</a>";
      $(this).html(link);
   });
});

Prime:

Je suis également tombé sur une situation qui appelait à générer des cartes intégrées à partir des liens, et bien que je partagerais avec les futurs voyageurs:

Voir une démo complète

$(document).ready(function(){
    $("address").each(function(){                         
        var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( $(this).text() ) +"&amp;output=embed'></iframe>";
        $(this).html(embed);             
    });
});

Février 2016:

Je devais le faire en fonction des valeurs de base de données entrées par le client et sans générateur lat / long. Google aime vraiment les lat / long ces jours-ci. Voici ce que j'ai appris:

1 Le début du lien ressemble à ceci: https://www.google.com/maps/place/

2 Ensuite, vous mettez votre adresse:

• Utilisez un + au lieu de n'importe quel espace.
• Mettez une virgule devant et derrière la ville.
• Inclure le code postal / zip et la province / l'état.
• Remplacez n'importe quel # par rien.
• Remplacez ++ ou ++++ par single +

3 Mettez l'adresse après le lieu /

4 Mettez ensuite une barre oblique à la fin.

REMARQUE: la barre oblique à la fin était importante. Une fois que l'utilisateur a cliqué sur le lien, Google continue et ajoute plus à l'URL et il le fait après cette barre oblique.

Exemple de travail pour cette question:

https://www.google.ca/maps/place/1200+Pennsylvania+Ave+SE,+Washington,+DC+20003/

J'espère que ça aide.

Qu'en est-il de cela: http://support.google.com/maps/bin/answer.py?hl=en&answer=72644

Si vous avez la latitude et la longitude, vous pouvez utiliser une partie ou la totalité de l'URL ci-dessous

https://www.google.com/maps/@LATITUDE,LONGITUDE,ZOOMNUMBERz?hl=LANGUAGE

Par exemple: https://www.google.com/maps/@31.839472,54.361167,18z?hl=en

Empruntant aux solutions de Michael Jasper et Jon Hendershot, je propose ce qui suit:

$('address').each(function() {
    var text = $(this).text();

    var q    = $.trim(text).replace(/\r?\n/, ',').replace(/\s+/g, ' ');
    var link = '<a href="http://maps.google.com/maps?q=' + encodeURIComponent(q) + '" target="_blank"></a>';

    return $(this).wrapInner(link);
});

Cette solution offre les avantages suivants par rapport aux solutions précédemment proposées:

• Il ne supprimera pas les balises HTML (par exemple les <br>balises) à l'intérieur <address>, donc la mise en forme est préservée
• Il code correctement l'URL
• Il écrase les espaces supplémentaires afin que l'URL générée soit plus courte et plus propre et lisible par l'homme après l'encodage
• Il produit un balisage valide (la solution de Mr.Hendershot crée <a><address></address></a>ce qui n'est pas valide car les éléments de niveau bloc tels que <address>ne sont pas autorisés dans les éléments en ligne tels que <a>.

Avertissement : si votre <address>balise contient des éléments de niveau bloc comme <p>ou <div>, alors ce code JavaScript produira un balisage non valide (car la <a>balise contiendra ces éléments de niveau bloc). Mais si vous faites juste des trucs comme ça:

<address>
  The White House
  <br>
  1600 Pennsylvania Ave NW
  <br>
  Washington, D.C.  20500
</address>

Ensuite, cela fonctionnera très bien.

Voici ce que j'ai trouvé dans l'un des articles de Google Maps:

1. Ouvrez Google Maps .
2. Assurez-vous que la carte ou l'image Street View que vous souhaitez intégrer s'affiche sur la carte.
3. Dans le coin supérieur gauche, cliquez sur le menu principal ☰.
4. Cliquez sur Partager ou intégrer la carte .
5. En haut de la boîte qui s'affiche, choisissez l' onglet Intégrer la carte .
6. Choisissez la taille souhaitée, puis copiez le code et collez-le dans le code source de votre site Web ou blog.

Remarque : Si vous utilisez Maps en mode Lite , vous ne pourrez pas intégrer de carte. Gardez à l'esprit que les informations sur le trafic et certaines autres informations sur les cartes peuvent ne pas être disponibles dans la carte intégrée.

Sur http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/ ils affichent une URL courte qui fonctionne plutôt bien

Les URL de Google Maps sont assez difficiles à utiliser, en particulier lors de l'envoi par messagerie instantanée, tweet ou e-mail. MapOf.it vous offre un moyen rapide de créer un lien vers Google Maps en spécifiant simplement l'adresse de l'emplacement comme paramètre de recherche.

http://mapof.it/

Je l'ai utilisé pour quelques applications que j'ai conçues et cela a fonctionné comme un charme.

http://maps.google.com/maps?q=<?php echo urlencode($address); ?> 

l'encode ur conver et ajoute tous les éléments supplémentaires comme pour les espaces et tout. afin que vous puissiez facilement récupérer le code texte de l'avion à partir de db et l'utiliser sans vous soucier des caractères spéciaux à ajouter

La meilleure façon est d'utiliser cette ligne:

var mapUrl = "http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie=UTF8&hq=&hnear=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&spn=0.01628,0.025663&z=14&iwloc=A&output=embed"

N'oubliez pas de remplacer les première et deuxième adresses si nécessaire.

Vous pouvez regarder l'échantillon de travail

J'ai eu un problème similaire où j'avais besoin d'accomplir cela pour chaque adresse sur le site (chacune enveloppée dans une balise d'adresse). Ce morceau de jQuery a fonctionné pour moi. Il saisira chaque <address>balise et l'enveloppera dans un lien google maps avec l'adresse contenue dans la balise!

$("address").each(function(){

    var address = $(this).text().replace(/\,/g, '');
    var url = address.replace(/\ /g, '%20');

    $(this).wrap('<a href="http://maps.google.com/maps?q=' + url +'"></a>');

}); 

Exemple de travail -> https://jsfiddle.net/f3kx6mzz/1/

En outre, toute personne souhaitant manuellement URLENCODE l'adresse: http://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs

Vous pouvez l'utiliser pour créer des règles spécifiques qui répondent aux normes GM.

La méthode C # Replace fonctionne généralement pour moi:

foo = "http://maps.google.com/?q=" + address.Text.Replace(" ","+");

Je viens de trouver cela et j'aime partager ..

1. recherchez votre adresse sur maps.google.com
2. cliquez sur l'icône d'engrenage en bas à droite
3. cliquez sur "carte partagée ou intégrée"
4. cochez la case url courte et collez le résultat dans href.