background preloader

Google Maps

Facebook Twitter

Google Maps Latitude, Longitude Popup. Geocode address. Récupérer les coordonnées d’une adresse avec google map » Api Google Map. Batch G?ocodeur - g?ocodage google map en fran?ais gratuit. Timemap.js Examples. Basic Examples How to load and display data using different map providers and Timeline versions.

Timemap.js Examples

Basic Example, Google v2 Basic Example, Google v3 Basic Example, OpenLayers Basic Example, Bing Maps Basic Example, Timeline v2.3.0 Other Loaders How to load data from external files. Kenya KML Example Demonstrates: Loading data using KML, setting bandInfo to customize the timeline. Google Spreadsheet Example Demonstrates: Loading data from a Google Spreadsheet Earthquake GeoRSS Example Demonstrates: Loading data using GeoRSS More Involved Examples How to do more interesting stuff with loaded data. Placemarks Example Demonstrates: Loading various types of placemarks. Google Spreadsheet Example, Arbitrary Columns Demonstrates: Loading Google Spreadsheet data with additional non-standard columns.

KML Example: Loading ExtendedData Demonstrates: Loading arbitrary data in KML using ExtendedData elements, setting themes in KML. Renaissance Artists and Authors Example. Custom InfoWindow examples - Google Maps JavaScript API v3. Google Maps JavaScript API v3 Example: Info Window Custom. Google Maps API Tutorial. The EWindow extension provides some of the functionality of custom info windows.

Google Maps API Tutorial

Here's an example with a single EWindow that behaves something like the Google info window. Here's a similar example but now the EWindow has a close icon. Here's an example with multiple info windows that are permanently open. Here's a rather messy example with tabbed EWindows. The basic procedure for using EWindows is: Download the ewindow.zip file which contains all the components, unzip it an place the contents on your web site. EWindow Constructor The parameters for new EWindow() are: Opening an EWindow There are two methods provided for opening an EWindow ewindow.openOnMap This opens the EWindow on the map that you specified in the EWindow constructor. ewindow.openOnMarker This opens the EWindow on the map that you specified in the EWindow constructor, with a location derived from the specified marker.

This call uses the infoWindowAnchor parameter of the icon that is being used by the marker. Multiple EWindows. Google-maps-utility-library-v3 - Revision 217: /trunk/markerclusterer. Handling Large Amounts of Markers in Google Maps. To use markers in Google Maps is fairly trivial, at least when you have a reasonable amount of them.

Handling Large Amounts of Markers in Google Maps

But once you have more than a few hundred of them, performance quickly starts to degrade. In this article I will show you a few approaches to speed up performance. I’ve also put together a test page to compare them. Update [2009-05-06]:This article has been updated with the addition of the utility library MarkerClusterer. The test results in the end of the article and the test page has also been revised. If you’re new to markers in Google Maps I recommend that you first read Basic operations with markers in Google Maps for an introduction on how to use them. The Marker Manager – Keeps track of them Your first option might be to use the MarkerManager since it’s an utility library provided by Google. The MarkerManager is initially a bit slower than just adding markers directly to the map but the added benefit is that you can have more control over them. A simple example. La Miroiterie - Paris 20ème. Latitude and Longitude of a Point.

jMapping: Examples. Geo Distance Search with MySQL. How to calculate distance with javascript and Google Maps API. Written by Brian Cray on April 1st, 2009 This article focuses on straight line distance.

How to calculate distance with javascript and Google Maps API

If you're looking for driving distance then read my newest tutorial: How to calculate driving distance with Google Maps API. To make your location-sensitive web app truly valuable, you'll need to be ready to answer these questions: What are the closest _________ nearby? How far away is _________? Unfortunately, how to actually calculate distances has been somewhat elusive for many developers. Until now. What I've built for you here is a javascript/Google Maps-driven web app that will take two fuzzy locations/addresses, turn them into full addresses and coordinates, and calculate the distance in miles and kilometers between them. Let's step through the code to see how I did it. The HTML The HTML is pretty basic, but there are a few things to note: Change the google maps API key to your own.

<! Now let's look at the javascript, where the real magic happens. Stepping through the Javascript Completed Javascript.