Skip to content

Instantly share code, notes, and snippets.

@carmoreira
carmoreira / iberiaLow.json
Last active April 16, 2024 08:43
Iberian Peninsula GeoJSON map for Interactive Geo Maps WordPress Plugin
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@carmoreira
carmoreira / quebec_regions.geojson
Last active March 26, 2024 15:27
Quebec Regions in GeoJson
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@carmoreira
carmoreira / tooltip.js
Created December 27, 2023 10:50
Change all tooltips orientation in Interactive Geo Maps
// replace with your map ID and region code.
let mapID = 21148;
let mapContainer = document.getElementById('map_' + mapID);
mapContainer.addEventListener('mapready',function(ev){
iMaps.maps[mapID].series.forEach(function(ser){
ser.tooltip.ignoreBounds = true;
ser.tooltip.pointerOrientation = 'left'; // "horizontal", "vertical", "up", "down", "right", or "left"
});
});
@carmoreira
carmoreira / hidelabels.js
Last active November 27, 2023 14:59
Hide auto labels until map reaches specific zoom level - Interactive Geo Maps
// works for version >1.5.3.3
//replace with your map ID
let mapID = 3491739;
let zoomLevel = 8;
let igmNow = Date.now();
function igmHideMarkers(igmap) {
igmNow = Date.now();
let series = iMaps.maps[mapID].labelSeries;
series.forEach(function(serie) {
@carmoreira
carmoreira / drilldownzoom.js
Last active August 3, 2023 17:00
Show all overlay series after specific zoom level - Interactive Geo Maps
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
carmoreira / hide.js
Created July 7, 2023 11:33
Hide Markers until specific zoom level is reached - Interactive Geo Maps
let mapID = 955; // replace with your map ID
let zoomLevel = 3; // replace with the zoom level you want to show the labels at
let igmNow = Date.now();
function igmHideMarkers(igmap) {
igmNow = Date.now();
let series = iMaps.maps[mapID].series;
series.forEach(function(serie) {
if (typeof serie.mapImages === 'undefined') {
return;
@carmoreira
carmoreira / distictsCzechiaLow.json
Last active May 2, 2023 11:55
Czech Republic / Czechia map for Interactive Geo Maps WordPress plugin
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@carmoreira
carmoreira / styles.css
Last active March 24, 2023 13:12
pulsating markers effect with css - interactive geo maps
.imapsCircle {
paint-order: stroke;
stroke-opacity:1;
stroke: #dd9933; /* change with the stroke color you want */
animation: pulse-me 1s linear infinite;
}
/* or target by colour */
.imapsCircle-group[fill="#1e73be"] .imapsCircle {
@carmoreira
carmoreira / script.js
Created February 27, 2023 23:12
Make overlay entries list interact with base map - Interactive Geo Maps
document.querySelectorAll('.igm_entries_list')
.forEach(function(list) {
list.setAttribute('data-map-id','3492969'); // change to your base map ID
var clone = list.cloneNode(true);
iMapsActions.buildLists(clone);
list.replaceWith(clone);
});
@carmoreira
carmoreira / style.css
Created January 26, 2023 15:38
Hide zoom controls on desktop - interactive geo maps
@media only screen and (min-width:780px) {
.imapsZoomControl-group { display:none; }
}