The markers on the map with pop-up windows. Cookie to remember the position of viewing. Navigation, callbaks.
ppdd.ws/mmp #
Type short address
on a mobile device
or take a photo of QR code
on a mobile device
or take a photo of QR code
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