A JQuery plugin to create google maps with advanced features (overlays, clusters, callbacks, events...)
A JQuery plugin to create google maps with advanced features (overlays, clusters, callbacks, events...)
Have a project ? Need support ?
This section gives some advanced examples of use of gmap3.
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.
In this example, i create a generic class Menu that you can modify / use in your project. It allows, thanks to closures, to attach some functions on click on the items.
It also add a direction renderer to get a classical example of use.
Try and download the example of google maps with menu
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.
Try and dowload the example of address lookup with auto-completion for google maps
This example shows how to animate markers on google maps.
Try and download the example of animations on google maps markers
This example shows how to manage markers on google maps using clusters.
In this one, all the Mac Donald's restaurants of France are shown, and some of their data are displayed in an infowindow when mouse is over markers.
The download file also contains 2 others examples of data exchanges (json / txt)
Try and download the example of clusters on google maps
This example shows how to use the tag property.
In this one, main french cities are marked, their markers can me shown / hidden using a regional tag.
Try and download the example of marker's tag
This example shows an advanced use of infowindow.
It embeds a streetview in the infowindow. The streetview is updated when the marker is moved.
Try the example of streetview in infowindow on google maps, this example is in the package of gmap3
This example shows a simple use of "link" on google maps.
Some markers are added, and for each one, a "link" allow to pan to it position.
Try the example of pan to position on google maps, this example is in the package of gmap3