The markers on the map with pop-up windows. Cookie to remember the position of viewing. Navigation, callbaks.

MobilyMap allows to implement an interactive map on your website. On the map you can locate markers, when clicked, opens a window with any information. In the popup window you can put any HTML. The style of each marker can be set individually via CSS.
It's all plugin parameters:
$('.map').mobilymap({ position: 'center', // map position after loading - 'X Y', 'center', 'top left', 'top right', 'bottom left', 'bottom right' popupClass: 'bubble', markerClass: 'point', popup: true, // show popup on marker click - true/false cookies: true, // remember last map position - true/false caption: true, // show caption - true/false setCenter: true, // sets the map view to the center on marker click navigation: true, // display buttons to pan in four directions navSpeed: 1000, // speed of panning map (higher value for slow panning) navBtnClass: 'navBtn', outsideButtons: false, // selector, only anchors eg. '.map_buttons a' onMarkerClick: function(){}, // call the function on marker click (popup must be disabled) onPopupClose: function(){}, // call the function after popup closing onMapLoad: function(){} // call the function after loading map });
A comparison of maps plugins
license | zoom | highlighting region on the map | map markers | full screen mode | mouse wheel | inertial motion | visualization method | |
Gstatic map | Free | one marker at the center | Google maps images: map | satellite | hybrid | |||||
jVectorMap | Free | special vector format | ||||||
MapBox | Free | poor implemen- tation | set of images with different resolution. Minimum - 2 images. | |||||
MapHilight | Free | image + imagemap, render as canvas | ||||||
MobilyMap | Free | any type of image | ||||||
CraftMap | Free for non commercial use. 49$ for commercial use | block page scroll | with bugs | any type of image |
Related plugins