en ru Suggested plugins My Favorites ADD site under construction Turn off Demos Turn on Demos
Login using:

CraftMap - interactive map with any image

This is an second version of the plugin MobilyMap. CraftMap - interactive map with any image
Feautures: 3
Reliability: 3
Ease of use: 3
Documentation: 3
Average rating: 3

The appointment of plug-in can be both to display maps (geographic map, satellite photo, map design) and for building interactive diagrams (such as shopping center scheme or any infographics). It can be used to create a great scheme, which does not fit in the viewing area of browser.

Plugin parameters:

$('.map').craftmap({
	cookies: false, // (bool) remember position 
	fullscreen: false, // (bool) fullscreen
	container: {
		name: 'imgContent' // (string) class name for an image container
	},
	image: {
		width: 1475, // (int) image width
		height: 1200, // (int) image height
		name: 'imgMap' // (string) class name for an image
	},
	map: {
		position: 'center'  // (string) map position after loading - 'X Y', 'center', 'top_left', 'top_right', 'bottom_left', 'bottom_right'
	},
	marker: {
		name: 'marker', // (string) class name for a marker
		center: true, // (bool) set true to pan the map to the center 
		popup: true, // (bool) set true to show a popup
		popup_name: 'popup', // (string) class name for popup
		onClick: function(marker, popup){},
		onClose: function(marker, popup){}
	},
	controls: {
		init: true, // (bool) set true to control a map from any place on the page
		name: 'controls', // (string) class name for controls container
		onClick: function(marker){}
	},
	preloader: {
		init: true, // (bool) set true to preload an image
		name: 'preloader', // (string) class name for a preload container
		onLoad: function(img, dimensions){}
	}
});
category:
/craftmap
Reviews
A comparison of maps plugins

 

 licensezoomhighlighting region 
on the map
map
markers
full screen
mode
mouse
wheel
inertial
motion
visualization method
Gstatic mapFree
 
 
one marker
at the center
 
 
 
Google maps images:
map | satellite | hybrid
jVectorMapFree
 
 
 
 
 
 

special vector format 
in .js file. Render as SVG

MapBoxFree
 
 
poor
implemen-
tation
 
 
 
set of images with different resolution. Minimum - 2 images.
MapHilightFree
 
 
 
 
 
 
image + imagemap,
render as canvas
MobilyMapFree
 
 
 
 
 
 
any type of image
CraftMapFree for non commercial use. 49$ for commercial use
 
 
 
 
block
page
scroll
with
bugs
any type of image

 

Related plugins

The plugin uses several images (from 2 or more) with different resolution. API for navigating the map (like Google Maps).

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

The map have effect of increasing and moving like in Google Maps. Maps of Europe, USA and Germany are attached

Card is easy to install. Size and type of card are configured. May be several cards on the page.

Areas can be defined in a different color. The color and thickness of a border adjustable. The effect of smooth appearance of the area zahoverennoy (fade in).

The script that implements a uniform filling of the site blocks with different heights

masonry
Masonry

To add reviews or comments please login

Sign in via:

×
Add a module for CMS
Add an example implementation this plugin
×
Your browser:
Description of the error: