Background Vector
US
Background Vector

πŸ“ Folder Structure - GEO Map Hub Plugin

The Folder Structure for plugin directory should look something like this:

your-project/
β”œβ”€β”€ gmh-plugin
|   β”œβ”€β”€ assets/
|   β”‚   β”œβ”€β”€ css/
|   β”‚   β”‚   └── style.css   ← GEO Map Hub Default Style
|   β”‚   β”œβ”€β”€ js/
|   β”‚   β”‚   β”œβ”€β”€ lib/   ← Some external libraries
|   β”‚   β”‚   β”‚   β”œβ”€β”€ d3.min.js
|   β”‚   β”‚   β”‚   β”œβ”€β”€ html2canvas.min.js
|   β”‚   β”‚   β”‚   β”œβ”€β”€ jquery.min.js
|   β”‚   β”‚   β”‚   β”œβ”€β”€ jspdf.debug.js
|   β”‚   β”‚   β”‚   β”œβ”€β”€ select2.min.js
|   β”‚   β”‚   β”‚   └── topojson.js
|   β”‚   β”‚   β”œβ”€β”€ script/   ← GEO Map Hub Plugin Files
|   β”‚   β”‚   β”‚   β”œβ”€β”€ lib/
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ interactive-tooltip-gmh.js   ← Required for tooltip
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ advanced-zoom-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ color-countries-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ colored-legend-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ colored-marker-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ custom-image-marker-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ custom-map-background-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ display-content-outside-map-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ drill-down-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ export-map-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ external-interactive-list-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ external-search-and-select-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ globe-projection-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ group-region-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ heat-map-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ html-tooltip-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ initial-zoom-and-center-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ labels-below-marker-automatically-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ line-connecting-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ live-filter-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ open-content-in-a-lightbox-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ regions-with-different-colors-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ simple-zoom-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ specify-regions-to-display-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ text-labels-gmh.js
|   β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ trigger-custom-js-gmh.js
|   β”‚   β”‚   β”‚   β”‚   └── vector-marker-gmh.js
|   β”‚   β”‚   β”‚   └── geomaphub.js
|   β”‚   β”œβ”€β”€ images/
|   β”‚   β”‚   β”œβ”€β”€ flags/
|   β”‚   β”‚   β”‚   β”œβ”€β”€ us/
|   β”‚   β”‚   β”‚   β”‚   └── state-flags.png   ← State Flags
|   β”‚   β”‚   β”œβ”€β”€ icons/
|   β”‚   β”‚   β”‚   └── vector-icon.png   ← Vector Icons
|   β”œβ”€β”€ data/
|   β”‚   β”œβ”€β”€ us/
|   β”‚   β”‚   β”œβ”€β”€ map-content.js (demo file)
|   β”‚   β”‚   β”œβ”€β”€ blank-map-content.js (blank file for production).
|   β”‚   β”‚   β”œβ”€β”€ map-content-drill-down.js (demo drildown file).
|   β”‚   β”‚   β”œβ”€β”€ blank-map-content-drill-down.js (blank file for production).
|   β”‚   β”‚   β”œβ”€β”€ us.svg
|   β”‚   β”‚   └── us-drill-down.svg
|   β”‚   β”œβ”€β”€ de/
|   β”‚   β”‚   └── ...
| index.html (e.g. Display Feature Advanced Zoom, Color Marker..)