Hi! Thank you for using the Generator. The API used is the Google Visualization Geochart API, which is different form the Google Maps API. Unfortunately it doesn’t have any zoom options, like the Google maps have. You can see the API documentation here: https://developers.google.com/chart/interactive/docs/gallery/geochart Sorry for this limitation. Greetings, Carlos

Hi! Thank you for purchasing a map. Unfortunately the generator does not include the map of MENA. The maps are generated using the Google Geochart API, which follows the UN geographical composition data to provide maps of continents, sub-continents and countries, which doesn’t include special maps like MENA. Since the generator can only use maps from the API, I can’t add this map, it must be Google to add this to their provided maps. The only thing that is possible is to use the World Map and crop it after the code is done with CSS. This is far from a perfect solution. It will look similar to this. Unfortunately I don’t have a solution for this. Sorry for this limitation. Greetings, Carlos

The solution you provide is perfect for me can you just send to me the css i have to use it to crop the map to view only the MENA countries Thanks

They would be very similar to the ones on the example I linked. Something like:

#map_canvas {
overflow:hidden;
width:600px;
height:300px;
}
#map_canvas #map_canvas_1 {
margin-left:-1500px;
margin-top:-800px;
}

Map Settings: width: 2600px height: 1600px.

If this values don’t work perfectly, you can change some values to see how it works. Also, the #map_canvas_1 should reflect the ID of your map shortcode. Hope it helps! Greetings, Carlos

Hi! Thank you for your interest. I just replied to your email also, here’s a shorter version of the answer: 1) It will work on IE8, but with some limitations, therefore I can’t offer support for it. Visit demo site in IE8 to see how it will work. 2) Tooltips customization only currently available in wordpress version, via CSS. 3) I sent you a screenshot of how Israel map looks like in this script.

You can send me more questions via email.

Greetings, Carlos

thank you i sent you another question

Hi! Thank you for your interest. Unfortunately the app only includes a map of UK divided by Northern Ireland, England, Scotland and Wales, it doesn’t include county divisions yet unfortunately. I’m sorry for this limitation. Greetings, Carlos

Unfortunately not. The API doesn’t provide options to control the position of the tooltip. Sorry for this limitation.

possibility to change the color of the region on rollover?

Yes, with some extra CSS. It’s not a feature of the API, but we can add some extra CSS to the page, so it creates that effect. See some tips on how to do this here: http://cmoreira.net/interactive-world-maps-demo/advanced-customization/ It’s for the wordPress version, but for the generated code it will be similar, just different div class names. Hope it helps! Greetings, Carlos

Thank you for the positive feedback!

Hi! Thank you for purchasing the generator. Unfortunately the script is not ready to make this happen. The maps are generated using the Google Geochart API, so you could generate a more customised code to make this happen. The map would need to be redrawn with a different color for the image selected. This is a bit outside of the scope of the generator capabilities, but you can explore examples of Google Geochart code that do that. I’m sorry for this limitation of the generator, but hopefully the info will help. If you have any other question let me know. Greetings, Carlos

Hi! I’m guessing you’re using the WordPress version, correct? You can build a custom action to display content in a place you specify. Check this example of custom action: http://cmoreira.net/interactive-world-maps-demo/world-offices-map-information-display/ You will need to do the same, but place the message div to the left of the map. Let me know if you have any trouble implementing it. Greetings, Carlos

Hi! Thank you for buying the script! The generator doesn’t have a built-in action to display the content below the map, like the wordpress version has, but you can do it building a custom action. Check this post here: http://cmoreira.net/interactive-world-maps-demo/world-offices-map-information-display/ It has some basic tips on how to achieve it. Basic info: Create custom action:

document.getElementById('imapmessage').innerHTML = ivalue[selectedRegion];

Place a div like:

<div id="imapmessage" />

In the same page as the map. This should work. Let me know if you have any trouble. Greetings, Carlos

Awesome, thanks so much!

Hi! If you are planning to build a website and want to use my Interactive Maps script, it depends if you use a CMS or you build it/code it yourself. If you decide to use WordPress (a CMS), obviously it’s better to use the WordPress version, as it will integrate with the administration tools of WordPress to manage your website, you won’t need to write any programming code, it will be all integrated and easy to use. If you are not using WordPress you can use this version, which will generate the code, via a web interface, and you can then place the generated code in the source code of your website. This version still requires some basic knowledge of coding experience, as you will need to place the generated code on your website. If you have no experience building custom websites, it might be better to take some time and learn how to implement WordPress, as it’s easy to create and manage websites with it. Hope the information helps. Greetings, Carlos

Hi! Thank you for your interest. You can check out the WordPress version here: http://codecanyon.net/item/interactive-world-maps/2874264

Hi! There is no built in way to do this, but was some combination of techniques you might achieve similar effect. You can set the inactive regions color to ‘transparent’ and they won’t have a fill color. Then, you can add some custom CSS to your output code to hide the borders. Something like:

#visualization path {
stroke-width:0; 
}

Hope it helps! Greetings, Carlos

Perfect! Thank you very much!

Hi! Thank you for using the generator. Double check if you used have chosen the option ‘Open URL’ in the ‘Active Region Action’ option. It’s possible that the example code doesn’t have the option active. If it still doesn’t work, send me an email with the ‘settings’ that you are using for the generated map. Greetings, Carlos

That’s right. Thank you for the solution.

Hi! You can use the subcontinents option and group the other continents like I did in this Example in WordPress: http://cmoreira.net/interactive-world-maps-demo/world-continents-with-advanced-customization/ The maps are generated using the Google Geochart API that has the Americas together and using the subcontinents solution is the only way to divide them at this moment. Hope the link heps! If you have any other question let me know. Greetings, Carlos

Hi! Thank you for purchasing the generator! Simply download the file from codecanyon, unzip the folder and open the index.html file. There you’ll have the page to generate the maps. Inside the folder there will be also the documentation.html file, where you can read more information on how the generator works. Greetings, Carlos

Hi Carlos! Thanks so much! One last question.. How can one add this to an html website?

Thanks!

In the documentation files, read the section ‘General Instructions’. There you’ll have some more extended explanation. But basically, the code you see in the ‘Javascript Embed Code’ box, is the code you need to copy and place in your HTML website. Greetings, Carlos

Hi! Thank you for your interest. The maps generated can only read static data. It is not ready to have dynamic data. You would need to do heavy customisations to the output code for this to be possible.

Hi. Thank you for your interest. Unfortunately it is not possible to use custom maps. We have to use the ones provided by the Google Geochart API. Greetings, Carlos

Hi! Thank you for your interest. Yes, Romania will work. See this screenshot: https://docs.google.com/file/d/0ByFmN5uglkU9enp4U3V5VUc1Q2M/

The regions are listed here: https://en.wikipedia.org/wiki/ISO_3166-2:RO

If you have any other question let me know. Greetings, Carlos

thanks ! purchased

Hi! Thank you for purchasing the generator and for the positive words! Greetings, Carlos

Hi! Thank you for purchasing the generator. In the current version of the generator, it is not possible to have html in the tooltips. The code generated is based in the Google Geochart API, which still didn’t release officially HTML tooltips. When they do, I will also update the generator to allow this. You can however do some changes on the output code to use the beta API version and allow this. The changes would be:

google.load('visualization', '1', {'packages': ['geochart']});

change to:

google.load('visualization', '1.1', {'packages': ['geochart']});

And changing:

data.addColumn({type:'string', role:'tooltip'});

to:

data.addColumn({type:'string', role: 'tooltip', p:{html:true}});

And change:

tooltip: {textStyle: {color: '#444444'}, trigger:'focus'}    

to

tooltip: {trigger:'focus', isHtml: htmltooltip}

Hope the info helps! Greetings, Carlos