smjrifle

Smjrifle Interactive Maps with Google Maps and Leaflet brings powerful, customizable mapping functionality to WordPress with:
<ul>
<li>Dual Engine Support: Google Maps or Leaflet (OpenStreetMap) fallback</li>
<li>Marker Clustering: Group nearby markers at lower zoom levels</li>
<li>Custom Markers: Use your own marker icons per location</li>
<li>Snazzy Maps: 8+ preset map styles + custom JSON support</li>
<li>Location Search: Built-in Autocomplete and Geocoding</li>
<li>Location Cards: Display list of locations with grid layout</li>
<li>Popups: Rich HTML popups with images, descriptions, and links</li>
<li>Lazy Loading: Intersection Observer for performance</li>
<li>Shortcode: [smjrgoma_map id=”123″] for easy embeds</li>
<li>Per-Map Settings: Zoom, type, center, height, colors individually</li>
</ul>
<h3>Getting Started</h3>
<ol>
<li>Create a Map Post: Go to WordPress admin > Smjrifle Interactive Maps with Google Maps and Leaflet > Add New Map</li>
<li>Search & Add Locations: Use the search bar or click the map to place pins</li>
<li>Configure: Set zoom, map type, height, colors in the Settings tab</li>
<li>Style: Apply Snazzy Maps presets or custom JSON in the Style tab</li>
<li>Publish: Save the map and get your shortcode</li>
<li>Embed: Use [smjrgoma_map id=”123″] on any page/post</li>
</ol>
<h3>Admin Features</h3>
<ul>
<li>Map Editor: Visual map for editing pins with drag-and-drop</li>
<li>Location Manager: Edit title, image, description, and settings per marker</li>
<li>Auto Geocoding: Click map to auto-fill address via Geocoding API</li>
<li>Location Search: Autocomplete search to add locations instantly</li>
<li>Snazzy Styles: Preset styles + custom JSON support</li>
<li>Global Settings: Default marker icon, clustering, scroll behavior, lazy loading</li>
</ul>
<h3>Frontend Features</h3>
<ul>
<li>Responsive Maps: Mobile-friendly with touch support</li>
<li>Location Cards: Grid display of all locations with images</li>
<li>Interactive: Click card to pan/zoom map and open popup</li>
<li>Lazy Loading: Maps load only when visible (default on)</li>
<li>Clustering: Markers group into clusters until you zoom in</li>
<li>Popup Rich Content: Images, descriptions, links in marker popups</li>
<li>Fallback Engine: Auto-switches to Leaflet if Google API unavailable</li>
</ul>
<h3>API Requirements</h3>
To use Google Maps, you need a Google API key with these APIs enabled:
<ul>
<li>Google Maps JavaScript API</li>
<li>Places API (for location search)</li>
<li>Geocoding API (for address lookup)</li>
</ul>
Leaflet fallback requires no API key and uses OpenStreetMap tiles.
<h3>External Services</h3>
This plugin uses external services to provide map functionality.
Google Maps JavaScript API
<ul>
<li>Used when a Google Maps API key is provided</li>
<li>Loads scripts and map data from: https://maps.googleapis.com/</li>
<li>Used for rendering maps, markers, clustering, autocomplete search, and geocoding</li>
<li>Data sent: User-entered location queries (for search/geocoding)</li>
<li>Privacy Policy: https://policies.google.com/privacy</li>
</ul>
OpenStreetMap (Leaflet fallback)
<ul>
<li>Used when no Google Maps API key is provided</li>
<li>Map tiles are loaded from OpenStreetMap servers</li>
<li>Used for rendering maps and markers</li>
<li>Data sent: Map tile requests based on user viewport</li>
<li>Privacy Policy: https://wiki.osmfoundation.org/wiki/Privacy_Policy</li>
</ul>
<h3>Security</h3>
<ul>
<li>Nonce Verification: All AJAX requests validated</li>
<li>Capability Checks: Only authorized users can manage maps</li>
<li>Input Sanitization: All user input sanitized per WordPress standards</li>
<li>Output Escaping: All output properly escaped (<code>esc_html</code>, <code>esc_attr</code>, <code>esc_url</code>, <code>wp_kses_post</code>)</li>
<li>Database Safety: Uses WordPress APIs for data storage</li>
</ul>
<h3>Settings</h3>
<ul>
<li>Map Engine: Auto (Google if API key, else Leaflet), Google, or Leaflet</li>
<li>Marker Icon: Global default marker PNG/SVG URL</li>
<li>Clustering: Toggle marker clustering globally</li>
<li>Cluster Style: Default, Modern, or Minimal (Google Maps)</li>
<li>Scroll Zoom: Enable/disable scroll wheel zoom</li>
<li>Lazy Loading: Load maps only when visible</li>
</ul>
<h3>Shortcode</h3>
<pre><code>[smjrgoma_map id="123" height="500" zoom="14" class="custom-class"]
</code></pre>
<ul>
<li>id (required): Post ID of the map</li>
<li>height (optional): Map height in pixels (default: post setting)</li>
<li>zoom (optional): Default zoom level (default: post setting)</li>
<li>class (optional): CSS class for wrapper div</li>
</ul>

Smjrifle Interactive Maps with Google Maps and Leaflet

A flexible Google Maps plugin with clustering, custom markers, Snazzy Maps styling, and Leaflet fallback.

romainguillaume

<ul>
<li>No API key needed, no limitation</li>
<li>No GPS coordinates needed, just type any address </li>
<li>Create as many maps as you need</li>
<li>Beautiful, interactive, responsive, and lightweight maps</li>
<li>Display any map in your posts and pages using the block Places</li>
<li>Create as many locations as you need in the dedicated post type and add content</li>
<li>Centers the maps in the middle of all displayed markers by default</li>
<li>On click on a location, recenter the map on the selection</li>
<li>The data can be loaded asynchronously in front-end</li>
</ul>

Places

Interactive maps in a block with multiple markers and their popups. Manage locations in the Places post type.

Smjrifle Interactive Maps with Google Maps and Leaflet vs Places