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:
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.
$(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:
$(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?&q="+ encodeURIComponent( $(this).text() ) +"&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&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"
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:
- Open Google Maps.
- Zorg ervoor dat de kaart of Street View-afbeelding die u wilt insluiten op de kaart wordt weergegeven.
- Klik in de linkerbovenhoek op het hoofdmenu ☰.
- Klik op Kaart delen of insluiten.
- Kies boven aan het vak dat verschijnt het tabblad Kaart insluiten.
- 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.
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 ..
- Zoek uw adres op maps.google.com
- Klik op het tandwielpictogram rechtsonder
- Klik op “Gedeeld of insluiten Kaart”
- Klik op het selectievakje Short URL en plak het resultaat in HREF ..