Settings - JSFiddle - Code Playground

wiesson's public fiddles

Zooming to Europe

Click on any country on the map - it will be zoomed-in so that all this country fits to the map area. Now click EDIT button and you will see that all this was done using 15 lines config! Our mapping tool can automatically calculate the zoom level and position which is required to zoom-in to the country. And even more - the country data like title is based in SVG map so you don't need to include each area in data provider, you only tell the map to read countries from SVG map by setting <strong>"getAreasFromMap": true</strong>. <h2>Small map tool</h2> A small map on top-right (you can adjust position to whatever you need) is useful to show current location when user zooms-in deeply. You can also use it for navigation - if you click on this small map (when zoomed-in) the map will jump to the clicked location.

Zooming to Countries Map

Click on any country on the map - it will be zoomed-in so that all this country fits to the map area. Now click EDIT button and you will see that all this was done using 15 lines config! Our mapping tool can automatically calculate the zoom level and position which is required to zoom-in to the country. And even more - the country data like title is based in SVG map so you don't need to include each area in data provider, you only tell the map to read countries from SVG map by setting <strong>"getAreasFromMap": true</strong>. <h2>Small map tool</h2> A small map on top-right (you can adjust position to whatever you need) is useful to show current location when user zooms-in deeply. You can also use it for navigation - if you click on this small map (when zoomed-in) the map will jump to the clicked location.