How to convert an address into a Google Maps Link NOT MAP

Question

After looking  Googling  on the web for a while  I can find nothing that takes an address like   1200 Pennsylvania Ave SE   Washington  District of Columbia  20003  and converts it into a clickable link   http   maps google com maps f q amp source s q amp hl en amp q 1200 Pennsylvania Ave SE  Washington  District of Columbia  20003 amp sll 37 0625 -95 677068 amp sspn 44 118686 114 169922 amp ie UTF8 amp cd 1 amp geocode FT5MUQIdIDlp-w amp split 0 amp ll 38 882147 -76 99017 amp spn 0 01064 0 027874 amp z 16 amp iwloc A  jQuery or PHP preferred or just any useful information on this

User · Answer

Feb  2016   I needed to do this based on client entered database values and without a lat long generator  Google really likes lat long these days  Here is what I learned   1 The beginning of the link looks like this  https   www google com maps place   2 Then you put your address    Use a   instead of any space   Put a comma   in front and behind the city  Include the postal zip and the province state   Replace any   with nothing   Replace any    or      with single     3 Put the address after the place   4 Then put a slash at the end    NOTE  The slash at the end was important  After the user clicks the link  Google goes ahead and appends more to the URL and they do it after this slash   Working example for this question   https   www google ca maps place 1200 Pennsylvania Ave SE  Washington  DC 20003   I hope that helps

User · Answer

This is what I found from one of the Google Maps articles          Open Google Maps    Make sure the map or Street View image you d like to embed shows up on the map    In the top left corner  click the main menu    9776     Click Share or embed map    At the top of the box that appears  choose the Embed map tab    Choose the size you want  then copy the code and paste it into the source code of your website or blog          Note  If you re using Maps in Lite mode  you won t be able to embed a map    Keep in mind that traffic information and some other Maps info might not be available in the embedded map

User · Answer

What about this   http   support google com maps bin answer py hl en amp answer 72644

User · Answer

The best way is to use this line   var mapUrl    http   maps google com maps f q amp amp source s q amp amp hl en amp amp geocode  amp amp q 16900 North Bay Road  Sunny Isles Beach  FL 33160 amp amp aq 0 amp amp sll 37 0625 -95 677068 amp amp sspn 61 282355 146 513672 amp amp ie UTF8 amp amp hq  amp amp hnear 16900 North Bay Road  Sunny Isles Beach  FL 33160 amp amp spn 0 01628 0 025663 amp amp z 14 amp amp iwloc A amp amp output embed    Remember to replace the first and second addresses when necessary   You can look at work sample

User · Answer

Also  anyone wanting to manually URLENCODE the address  http   code google com apis maps documentation webservices index html BuildingURLs  You can use that to create specific rules that meet GM standards

User · Answer

If you have latitude and longitude  you can use any part or all of bellow URL  https   www google com maps  LATITUDE LONGITUDE ZOOMNUMBERz hl LANGUAGE   For example   https   www google com maps  31 839472 54 361167 18z hl en

User · Answer

How about this   https   maps google com  q 1200 Pennsylvania Ave SE  Washington  District of Columbia  20003  https   maps google com  q term   If you have lat-long then use below URL  https   maps google com  ll latitude longitude   Example  maps google com  ll 38 882147 -76 99017  UPDATE  As of year 2017  Google now has an official way to create cross-platform Google Maps URLs   https   developers google com maps documentation urls guide  You can use links like   https   www google com maps search  api 1 amp query 1200 20Pennsylvania 20Ave 20SE 2C 20Washington 2C 20District 20of 20Columbia 2C 2020003

User · Answer

The C  Replace method usually works for me   foo    http   maps google com  q     address Text Replace

User · Answer

On http   www labnol org internet tools short-urls-for-google-maps 6604  they show a short URL that works pretty well  Google Maps URLs are pretty unwieldy especially when sending over an IM  tweet or email  MapOf it provides you a quick way to link to Google Maps by simply specifying the address of the location as a search parameter   http   mapof it   I used it for a few applications I ve designed and it worked like a charm

User · Answer

I know I m very late to the game  but thought I d contribute for posterity s sake   I wrote a short jQuery function that will automatically turn any  lt address gt  tags into Google maps links   See a demo here     document  ready function           Convert address tags to google map links - Michael Jasper 2012       address   each function            var link     lt a href  http   maps google com maps q     encodeURIComponent    this  text          target   blank  gt       this  text       lt  a gt            this  html link                Bonus   I also came across a situation that called for generating embedded maps from the links  and though I d share with future travelers   View a full demo    document  ready function           address   each function                                     var embed    lt iframe width  425  height  350  frameborder  0  scrolling  no   marginheight  0  marginwidth  0  src  https   maps google com maps  amp amp q    encodeURIComponent    this  text        amp amp output embed  gt  lt  iframe gt              this  html embed

User · Answer

Borrowing from Michael Jasper s and Jon Hendershot s solutions  I offer the following      address   each function         var text     this  text         var q        trim text  replace   r  n        replace   s  g            var link     lt a href  http   maps google com maps q     encodeURIComponent q       target   blank  gt  lt  a gt         return   this  wrapInner link         This solution offers the following benefits over solutions previously offered    It will not remove HTML tags  e g   lt br gt  tags  within  lt address gt   so formatting is preserved It properly encodes the URL It squashes extra spaces so that the generated URL is shorter and cleaner and human-readable after encoding It produces valid markup  Mr Hendershot s solution creates  lt a gt  lt address gt  lt  address gt  lt  a gt  which is invalid because block-level elements such as  lt address gt  are not permitted within inline elements such as  lt a gt     Caveat  If your  lt address gt  tag contains block-level elements like  lt p gt  or  lt div gt   then this JavaScript code will produce in invalid markup  because the  lt a gt  tag will contain those block-level elements   But if you re just doing stuff like this    lt address gt    The White House    lt br gt    1600 Pennsylvania Ave NW    lt br gt    Washington  D C   20500  lt  address gt    Then it ll work just fine

User · Answer

I had a similar issue where I needed to accomplish this for every address on the site  each wrapped in an address tag   This bit of jQuery worked for me  It ll grab each  lt address gt  tag and wrap it in a google maps link with the address the tag contains contains        address   each function         var address     this  text   replace     g           var url   address replace     g    20           this  wrap   lt a href  http   maps google com maps q     url     gt  lt  a gt             Working example --  https   jsfiddle net f3kx6mzz 1

User · Answer

http   maps google com maps q  lt  php echo urlencode  address     gt     the encode ur conver and adds all the extra elements like for spaces and all  so u can easily fetch plane text code from db and use it without worring about the special characters to be added

User · Answer

I just found this and like to share     search your address at maps google com click on the gear icon at the bottom-right click  shared or embed map  click the short url checkbox and paste the result in href

[google-maps] How to convert an address into a Google Maps Link (NOT MAP)

Examples related to google-maps

Examples related to hyperlink

Examples related to google-maps-urls