For a while now, geo:truc has provided a snippet of code for embedding a map as an image in a web document.
As of today, it generates a complete web page with a dynamic map embedded in it. Simply find a place you like, go to the combo box titled
Code, and choose
Google Maps. A pop-up window will appear with the code you need. Copy it, save it in a file and off you go! You can of course edit it and add/change what you want.
Update 2011-05-15 10:31: Here is an example of a web page with a map created with geo:truc: http://www.geotruc.net/gmapexample.html
A small and quick post to announce that now geo:truc now works with short URLs (in the link section) instead of long and unreadable ones.
It means that instead of providing users with an URL such as
http://www.geotruc.net/?ll=47.787926,4.680176&z=7&mt=3, geo:truc provides users with
The complete URL is still displayed in the address bar once the user has landed on the home page.
A new version of geo:truc has been released today. It has so far the same functionality as the previous version, but now geo:truc uses Google Maps API v3 (finally).
The new version has a better use of the screen estate, but the use of jQuery should make it feel a little bit slower than before. Bug reports and suggestions are welcomed at my usual email address.
The old version is still available at http://www.geotruc.net/v2/.
Read the news here.
I’ll test that as soon as I can and after I’ll update geo:truc.
geo:truc provides snippets of code in different formats (microformat, geoRSS, KML and more) when a location is found.
It provides now code for embedding a map as an image in a web page: just choose the option ‘Google Maps (static)’ in the drop down list in the right box on top of the map. An HTML image tag will be generated, invoking the Google Maps API.
The image has a dimension of 400x300px and it will be necessary to add a Google Maps API key when publishing on the Net. Zoom and map format are taken from the current map displayed in geo:truc.
An exemple of code for the Eiffel tower in Paris:
Update:The code below was adapted to the changes in Google API and to the change of the domain name
<!-- You can adapt the size by changing the values below //-->
<img src="http://maps.google.com/maps/api/staticmap?zoom=16&size=400x300&maptype=hybrid&markers=48.858205,2.294359&sensor=false" />
<!-- generated by geo:truc - http://www.geotruc.net //-->
Et voilà ! The result, after replacing YOUR_API_KEY by the one for the domain
I haven’t looked at Google Maps APIs for a while, but it looks they make things simpler now, at least for drawing a map, which is good.
I haven’t looked much at what’s happening in the world of Google Maps lately, but some days ago I was surprised to see how easy it has become to include a map within a web page.