Looking at your code, it seems the div container for the map is not the same as the javascript code is targeting. Maybe you split the embed code and added it in different times? This ID:

<div id="map_1549045606710" />

should match the id in the js code:

var chart = new google.visualization.GeoChart(document.getElementById('map_1549045606710')); 

And currently they don’t match. You can keep a custom one, the important thing is that both ids match. Hope it helps greetings, Carlos

Hm. I just copied the code directly from the generator and this is what it gave for the div container

Maybe since you added it to the header, with 2 different ‘copy/paste’ moments, a different code got generated. You need to add the full code into one embed block, javascript and html together. Try deleting that code and copy everything from the generator into a embed block. Or edit the div id to match the one in the header code. Greetings, Carlos

Hi! Try creating a new API Key, selecting the necessary API (select all maps, routes, places) and associating it with your website URL. Check if this URLs help: https://cmoreira.net/interactive-world-maps-demo/advanced-tips/generate-api-key/

If you want to workaround this and not use the API Key: https://cmoreira.net/interactive-world-maps-demo/create-a-map-without-needing-the-google-maps-api-key/

Hope it helps. Greetings, Carlos

it worked! thank you

Hi! Yes, you can display a single US state (just the state shapes) and add markers that can link to other pages. Greetings, Carlos

Hi! I’m not familiar with how Drupal works, but if it allows you to embed javascript in your page content, then the code provided by this generator will work. Hope it helps. Greetings, Carlos

Hi! I replied yesterday to your email with the same question, can you check if you got my answer in the email? The email went to ‘august’. Basically I explained that would happen only when the screen size changes on-the-fly, when you load the page on a smaller screen directly, it will load with the correct height. I also sent a code snippet that might help when resizing on-the-fly. Cheers, Carlos

Hi! Thank you for using the generator! There seems to be a bug on iOS devices that when HTML tooltips are enabled, there might be some issues with the click action. If your tooltips do not use html, the best would be to disable the html tooltips option. Would this work for your project? You can write me using the ‘contact author’ option in the support tab and we can follow up using email. I can provide some instructions on how the font can be changed. Greetings, Carlos

Thanks i did sent you in email

still have the same issue please help

Hi! In your previous email, the problem was the format of the coordinates. It add an extra tag. Make sure it only includes the coordinates:

47.925710 -97.036070

for example. We can follow up using email if needed. Greetings, Carlos

Hi! Unfortunately the isn’t a map that includes both Asia and Oceania. You would have to use the world map. If you share the link to your page, I can provide the necessary CSS to change the font and check what could be missing to have the custom action. You can give me those details via email. Greetings, Carlos

Hi! For the generator version, it would be different. The documentation mentioning #map_canvas would be for the WordPress version. Write me using the ‘contact author’ option in the support tab describing what you need to crop and share the link to your current map so I can check what would be the best solution. Greetings, Carlos

Hi! Thank you for your interest in the generator. The examples don’t include the bit of code that will make them responsive. Latest versions of the generator have an option to make the map responsive: https://prnt.sc/ixz7qq Greetings, Carlos

Hi! Thank you for the positive feedback! You can generate as many maps as you want, just make sure you save the ‘current settings’ field content so you can load them after to make edits. You can place different maps on different pages of your website without any problem. However, placing multiple maps on the same page is a bit more tricky, since the current version of the generator outputs code that only considers there will be one map per page. But there are workarounds for this. If you plan to have more than one map on the same page, send me a message using the ‘contact author’ option in the support tab. Greetings, Carlos

Hi! Thank you for purchasing the generator. The file you download from codecanyon is a zip file. The first step would be to unzip the file, to make sure you can open it properly. Once you unzip and open the index.html file, you should be able to properly use the generator. You can find some quick instructions on how to add the map to your wix website here: https://cmoreira.net/blog/how-to-add-world-or-country-map-to-wix/ hope it helps! Greetings, Carlos

Hi! Thank you for using the generator. You can have the provinces (the first level of division of the country) clickable, you’ll just need to select the proper map. In wix you won’t be able to open a lightbox, if that’s what you mean, you can however set the province to open a page on click and add content to the tooltip. Hope the info helps. Greetings, Carlos

I should add that this site is a Squarespace build.

Hi James! Thank you for using the generator. Seems your page might have a ‘transition’ effect since it’s loading the pages with ajax, and this way the script to build the map doesn’t run. Is this transition something you can disable in the settings? Greetings, Carlos

Brilliant. Immediate fix. Thank you Carlos!

Hi! Thank you for using the plugin. There isn’t a real ‘zoom’ feature, but you can use the ‘custom css generator’ options, below the map preview, to manipulate the viewport and ‘zoom’ into one of the areas of the map. It has some limitations, but it might help. Greetings, Carlos

Hi Samuel! Unfortunately with my plugin it’s not possible to use custom maps. We can only use the maps provided. You’ll need a plugin that allows you to use custom images/SVG. Greetings, Carlos

Hi! Thank you for your interest in the generator! Yes, you can use the generated code in your wix website. If you have any other question let me know. Cheers, Carlos

Thanks for the fast reply. The map shows up in editor mode but once published all I see is an empty page. Is the code HTTPS or HTTP (because Wix seems to only be able to accept HTTPS codes)? Do you know how to fix this? Thanks!

Hi! Write me via the contact form on the support tab sharing the link to your page and the purchase code for the generator and this way I can check what could be missing. Cheers, Carlos

Hi! Thank you for using the generator! Write me a message via the contact form on the support tab with a link to the page where you have the map. This way I’ll able to check what will work better. The Geochart API used by the generator doesn’t have an option to set a different colour for the active region. But hopefully with some CSS we’ll be able to do it. Greetings, Carlos

Thank you for the feedback!

Hi! The maps are generated with javascript, so if js is disabled, the maps wont be able to render. Greetings, Carlos