Guymon

Leaflet: A Library for Interactive Maps

Gerade (wieder) auf Leaflet gestossen:

Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.

It is built from the ground up to work efficiently and smoothly on both platforms, utilizing cutting-edge technologies included in HTML5. Its top priorities are usability, performance, small size, A-grade browser support, flexibility and easy to use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand. Find out more on the features page.

Nachdem Google angekündigt hat Geld für Google Maps zu nehmen werden die Alternativen ja deutlich interessanter.

Google Fusion Tables

Spannend, Google Fusion Tables hatte ich noch gar nicht auf dem Schirm.

Upload small or large data sets from spreadsheets or CSV files.
Visualize your data on maps, timelines and charts.
Pick who can access your data; hide parts of your data if needed.
Merge data from multiple tables.

Hier gibt es ein Video von der I/O 2011: Managing and visualizing your geospatial data with Fusion Tables

jQuery: gmap3

gmap3 ist ein jQuery Plugin für GMap und macht einige nette Dinge recht einfach:

Use a context menu on google maps
It is possible to use a custom overlay to display a context menu like google does. With this example, you will see a simple right menu with some classicals functions.

Search an address on google maps with auto-completion
This example describes how to code the classical function of google map to search and locate and address.
Fill in the address field, the autocomplete plugin appear and once an address is validated, a marker is added and the map is centered on it.

Manage markers in clusters on google maps
This example shows how to manage markers on google maps using clusters.

Drupal: OpenLayers

Schöne Zusammenfassung wie man OpenLayers mit Drupal nutzen kann.
Das Ziel ist eine Karte mit mit unterschiedlichen Layern zu Ein- / Ausschalten. Benötigt werden:

• openlayers
• openlayers_geocoder 6.x-2.x-dev
• views
• token

Google Maps Background

Eine Google Map als Hintergrund, nette Idee.

Hier gibt es das Blogposting dazu.

I gave the id “map_canvas” the inline style of absolute positioning with its top/right/left/bottom parameters all set to 0 and then also the z-index to 0. It IS necessary to position it in the BODY element as the VERY LAST element before the close body tag.