Google Maps
Description
This is an explanation on how to embed a google map in wikidot.
Code
- go to maps.google.com
- create a map
- click on "link to this page"
- copy the code under "Paste HTML to embed in website" or customize the appearance of embedded map
- edit your wiki by pasting the code between:
[[embed]] and [[/embed]]
to get this:
[[embed]]
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pl/?ie=UTF8&ll=53.020902,18.636546&spn=0.018561,0.05579&t=h&z=15&output=embed&s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe><br /><small><a href="http://maps.google.pl/?ie=UTF8&ll=53.020902,18.636546&spn=0.018561,0.05579&t=h&z=15&source=embed" style="color:#0000FF;text-align:left">Wyświetl większą mapę</a></small>
[[/embed]]
- you can modify width, height, frameborder, scrolling,etc as your wish (I modified width from 300px to 100% in this example)
- you can also change how the map is displayed in the page by wrapping the embed tag in a div, e.g. to display the map on the right-hand side of the page, like this:
[[div style="float:right"]]
[[embed]]
<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=p&om=1&s=AARTsJrhoVfmTsOO8HkyJpKUUcfcb9at9Q&
msa=0&msid=112114991701558823878.00044037cef24ff719d87&ll=42.228517,-9.140625&spn=19.50624,26.367188&
z=4&output=embed"></iframe>
[[/embed]]
[[/div]]
In action
Most important
an advanced use of this solution permit to show on a map a kml url or a rss, geocoded, url:
- copy the kml or geocoded rss url
- go to google maps
- past the url into the google maps search box
- then get the code as explained before
You can see an easy example here
Rate this solution
If you think this solution is useful — rate it up! Or dump it otherwise.
page_revision: 8, last_edited: 1218627799|%e %b %Y, %H:%M %Z (%O ago)
Comments
Because of you wpnder:
is it not the same as in http://snippets.wikidot.com/code:quikmaps-maps ?
But always better to have it spread over more pages…
Service is my success.
My webtips:www.blender.org, www.zusi.de
It's not the same. Quickmaps has only a few of the futures offered by google map. On quickmap you can't upload kml files, connect to geocoded rss and so on, but you can only drow on a map and place icons.
At least this is what I've seen after a fast browse in quickmaps website
To place all the marks you can see here can take you a full day in quickmaps, in google maps is simple as copy and past an url in the search bar
wikYacht the yachting world wiki
Thanks for the info, it makes something clear !
Service is my success.
My webtips:www.blender.org, www.zusi.de
… But you are right, I'll modify the page to explain this a bit better. In a first time I fought this was note necessary as wasn't concerning codeing in wikidot, but something in google maps.
wikYacht the yachting world wiki
Do you know anything about changing the appearance of the placemarks when including a kml?
In Google Earth I have saved them as red small dots. After transferring through Google Maps to my page, they resulted as dots (at least) but in default-white.
I posted the same question on google maps group just a few days ago but never received any kind of answer.
The only work around I found is to save the generated map in "my maps" and then editing one by one the placemarks appearance. Obviosly this is not an esay job on map like mine and the one I've seen on your wiki, with hundred of placemarks.
I never generated a map with a kml from google earth (I only tried with kml files from a gps), but what you can try to do is to import the placemark icon in google map before importing the kml, possible with the same file name it has in google earth. No idea if this works, it's only a suggest.
wikYacht the yachting world wiki
How can you edit the placemarks in mymaps? I cannot change anything. I found a post in the "how to" section about a "edit button", but I don't have anything like that..
And how do you import placemark icons? It only accepts kml-url's..
At this point should be quite easy to find where to change the icons and where to upload new one.
As I wrote in the previous post, you can't edit placemarks in bulk, but you have to editing one by one.
Hope everything was clear. All the words I put between "" are translate by me looking at my italian version, so maybe instead of "edit" you should find "modify" and so on.
Let me know if you find problems
PS: I forgot to mention that I'm not sure you need a google account or you can do the same even without login, but if you want to save the map for future editing, an account is much better.
wikYacht the yachting world wiki
thank you for this detailed description.
it works all fine unto the edit-button. i don't have it.
what seems to be the problem ist that over my mymap-list, the title says "created by others" and therefore I am not allowed to edit. because I tried to create a new map and with this one the edit-button appeared.
well, I'll search on in the google map group. I'll tell you when I find some answers..
thanks for your help!
ok, then try with this:
At this point google should definitely recognized the map as created by you
wikYacht the yachting world wiki
right, thanks! I didn't see this option.
unfortunately it doesn't work as it says "We could not finish uploading your file.". I don't think it's the size of the file as I also tried it with only one point. but is it possible that my firewall blocks it from uploading??
Edit: just seen on a german forum that the first line (upload from computer) doesn't seem to work at the moment, only the second line wit the url. worked fine.
thank you for your great help anyway!
Does anyone use the googlemaps api key so that the embed is the html? Does wikidot support this?
thanks!
thank you! your solution actually works!