carmoreira

// replace 55677 with your map ID
document.addEventListener('input', function (event) {
	if (event.target.id !== 'igm-live-filter-55677') return;
    iMapsActions.resetActions(55677);
});

carmoreira

<?php
/**
 * Interactive Geo Maps Custom Solution
 *
 * @wordpress-plugin
 * Plugin Name:       Interactive Geo Maps Custom Solution
 * Plugin URI:        https://interactivegeomaps.com
 * Description:       Reads from custom meta fields
 * Version:           1.0.0
 * Author:            Carlos Moreira

carmoreira

let mapID = 11111; // replace with your map ID
let igmNow = Date.now();
let igmZoomLevel = 3;
mapContainer.addEventListener('mapready', function(ev) {
    let igmap = iMaps.maps[mapID].map;
    igmap.events.on("zoomlevelchanged", function(ev) {
        if( Date.now() >= igmNow + 500){
            let series = iMaps.maps[mapID].series;
            series.forEach(function(serie) {
                    if( iMaps.maps[mapID].allBaseSeries.includes( serie ) ){ return; }

carmoreira

// replace with your map ID and region code.
let mapID=3492193;
let mapContainer=document.getElementById('map_' + mapID);

mapContainer.addEventListener('mapready', function(ev) {
        iMaps.maps[mapID].series[0].mapPolygons.each(function(region) {
                region.events.on("hit", function(ev) {
                        let data=ev.target.dataItem.dataContext;
                        let drillTo=parseInt(data.value);
                        if (Array.isArray(iMapsManager.maps[mapID].seriesById[drillTo])) {

carmoreira

carmoreira

.map_wrapper .choices__list--dropdown .choices__list {
    max-height:200px !important; 
}

carmoreira

carmoreira

carmoreira

carmoreira

/* For color #dd3333 */
.imapsCircle-group[fill="#dd3333"] .imapsCircle {
	paint-order: stroke;
  stroke: #dd3333;
	stroke-opacity:0;
  stroke-width:15px;
	transition: stroke-opacity 0.5s, stroke-width 0.2s;
}

/* For color #2ca25f */