Een adres omzetten in een Google Maps-link (NIET KAART)

Na een tijdje zoeken (Googelen) op internet, kan ik niets vinden dat een adres nodig heeft als:

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

en zet het om in een klikbare link:

http://maps.google.com/maps?f=q&source=s_q&hl=nl&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&ampll=split=380821&47 ,-76.99017&spn=0.01064,0.027874&z=16&iwloc=A

jQuery of PHP heeft de voorkeur of enige nuttige informatie hierover.


Antwoord 1, autoriteit 100%

Wat dacht je hiervan?

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

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

Als je lat-long hebt, gebruik dan onderstaande URL

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

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

UPDATE

Vanaf het jaar 2017 heeft Google nu een officiële manier om platformonafhankelijke Google Maps-URL’s te maken:

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

U kunt links gebruiken zoals

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

Antwoord 2, autoriteit 10%

Ik weet dat ik erg laat ben met het spel, maar ik dacht dat ik een bijdrage zou leveren voor het nageslacht.

Ik heb een korte jQuery-functie geschreven die alle <address>-tags automatisch omzet in Google Maps-links.

Bekijk hier een demo.

$(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);
   });
});

Bonus:

Ik kwam ook een situatie tegen waarbij ingesloten kaarten van de links moesten worden gegenereerd, en hoewel ik dit zou delen met toekomstige reizigers:

Bekijk een volledige demo

$(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);             
    });
});

Antwoord 3, autoriteit 2%

Feb 2016:

Ik moest dit doen op basis van door de klant ingevoerde databasewaarden en zonder een lat/long-generator. Google houdt tegenwoordig erg van lat/long. Dit is wat ik heb geleerd:

1
Het begin van de link ziet er als volgt uit:
https://www.google.com/maps/place/

2
Dan zet je je adres:

  • Gebruik een + in plaats van een spatie.
  • Zet een komma , voor en achter de stad.
  • Vermeld de post/postcode en de provincie/staat.
  • Vervang een # door niets.
  • Vervang elke ++ of ++++ door enkele +

3
Zet het adres achter de plaats/

4
Zet dan een schuine streep aan het einde.

OPMERKING: de schuine streep aan het einde was belangrijk. Nadat de gebruiker op de link heeft geklikt, gaat Google verder en voegt meer toe aan de URL en doet dit na deze schuine streep.

Werkvoorbeeld voor deze vraag:

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

Ik hoop dat dat helpt.


Antwoord 4

En dit:
http://support.google.com/maps/bin /answer.py?hl=nl&answer=72644


Antwoord 5

De beste manier is om deze regel te gebruiken:

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

Vergeet niet om de eerste en tweede adressen te vervangen indien nodig.

U kunt naar werkmonster kijken


Antwoord 6

Ik had een soortgelijk probleem waarbij ik dit nodig had om dit voor elk adres op de site te bereiken (elk gewikkeld in een adreslabel). Dit stukje jQuery werkte voor mij. Het pakt elke <address>tag en wikkel het in een Google Maps-link met het adres De tag bevat bevat!

$("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>');
}); 

Werkvoorbeeld – & GT; https://jsfidddle.net/f3kx6mzz/1/


Antwoord 7

Lenen van Michael Jasper en de oplossingen van Jon Hendershot, ik bied het volgende aan:

$('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);
});

Deze oplossing biedt de volgende voordelen op die eerder worden aangeboden:

  • HTML-tags (bijv. <br>-tags) binnen <address>worden niet verwijderd, dus de opmaak blijft behouden
  • Het codeert de URL correct
  • Het verplettert extra spaties zodat de gegenereerde URL korter en schoner en leesbaar voor mensen is na codering
  • Het produceert geldige opmaak (de oplossing van Mr.Hendershot maakt <a><address></address></a>die ongeldig is omdat elementen op blokniveau zoals <address>zijn niet toegestaan ​​binnen inline-elementen zoals <a>.

Voorbehoud: als uw <address>-tag elementen op blokniveau bevat, zoals <p>of <div>, dan zal deze JavaScript-code een ongeldige opmaak produceren (omdat de tag <a>die elementen op blokniveau zal bevatten). Maar als je gewoon dit soort dingen doet:

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

Dan werkt het prima.


Antwoord 8

Dit is wat ik vond in een van de Google Maps-artikelen:

  1. Open Google Maps.
  2. Zorg ervoor dat de kaart of Street View-afbeelding die u wilt insluiten op de kaart wordt weergegeven.
  3. Klik in de linkerbovenhoek op het hoofdmenu ​☰.
  4. Klik op Kaart delen of insluiten.
  5. Kies boven aan het vak dat verschijnt het tabblad Kaart insluiten.
  6. Kies de gewenste grootte, kopieer de code en plak deze in de broncode van je website of blog.

Opmerking: als u Maps gebruikt in de Lite-modus, kunt u geen kaart insluiten.
Houd er rekening mee dat verkeersinformatie en sommige andere Maps-informatie mogelijk niet beschikbaar zijn in de ingesloten kaart.


Antwoord 9

Als je lengte- en breedtegraad hebt, kun je een deel of de hele onderstaande URL gebruiken

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

Bijvoorbeeld:
https://www.google.com/maps/@31.839472, 54.361167,18z?hl=nl


Antwoord 10

Op http://www.labnol. org/internet/tools/short-urls-for-google-maps/6604/ze tonen een korte URL die redelijk goed werkt

URL’s van Google Maps zijn behoorlijk onpraktisch, vooral bij het verzenden via een chatbericht, tweet of e-mail. MapOf.it biedt u een snelle manier om naar Google Maps te linken door simpelweg het adres van de locatie op te geven als zoekparameter.

http://mapof.it/

Ik heb het gebruikt voor een paar applicaties die ik heb ontworpen en het werkte als een tierelier.


Antwoord 11

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

de codeer je conversie en voegt alle extra elementen toe, zoals voor spaties en zo. dus u kunt eenvoudig vliegtuigtekstcode uit db halen en gebruiken zonder u zorgen te maken over de speciale tekens die moeten worden toegevoegd


Antwoord 12

Ook wil iedereen handmatig het adres: http: //code.google.com/apis/maps/documentation/webservices/index.html#buildingurls

U kunt dat gebruiken om specifieke regels te maken die voldoen aan de GM-normen.


Antwoord 13

De C # vervangen methode werkt meestal voor mij:

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

Antwoord 14

Ik heb dit net gevonden en graag delen ..

  1. Zoek uw adres op maps.google.com
  2. Klik op het tandwielpictogram rechtsonder
  3. Klik op “Gedeeld of insluiten Kaart”
  4. Klik op het selectievakje Short URL en plak het resultaat in HREF ..

Other episodes