Your cart is currently empty!
Multiple Location Map Widget
Easily display multiple locations on a single map with our Multiple Location Map Widget. Customize pins and markers to showcase various places for better navigation and planning.
Benefits of Adding a Multiple Location Map Widget to Your Website:
- Improved User Navigation: Helps users easily find and navigate to multiple locations, enhancing their overall experience on your site.
- Interactive and Engaging: Provides an interactive map that encourages users to explore different locations, increasing engagement.
- Customizable Markers and Pins: Allows you to personalize the map with custom markers, pins, and labels, giving it a unique and professional look.
- Saves Space: Consolidates multiple locations into a single map, saving valuable space on your website while providing comprehensive location information.
- Enhances Local SEO: Boosts local search rankings by showcasing relevant locations, which can help attract local customers or visitors.
Would you like a custom HTML/JavaScript code snippet or further integration assistance?
How to Multiple Location Map to Your Website
Step 1: Add the HTML Placeholder
Include a <div>
element in your webpage where the Multiple Location Map will be displayed. For example:
<script>
window.stores = [
{ id: 1, name: "Store A", city: "New York", zip: "10001", lat: 40.7128, lng: -74.006 },
{ id: 2, name: "Store B", city: "San Francisco", zip: "94103", lat: 37.7749, lng: -122.4194 },
{ id: 3, name: "Store C", city: "Los Angeles", zip: "90001", lat: 34.0522, lng: -118.2437 },
];
</script>
<div class="gm_store_locator"></div>
Step 2: Include the Script
Add the following script tag to your HTML to load the necessary JavaScript file from the provided CDN:
<link href="https://cdn.jsdelivr.net/gh/helpercode0/jsdeploy@main/multilocation-react/1/1.1/css/main.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/helpercode0/jsdeploy@main/multilocation-react/1/1.1/js/main.js"></script>
Step 4: Save and Refresh
Save your changes and refresh your website to see the snow effect in action.
Why Choose Us
Customizable and Flexible
Tailor the map with personalized markers, pins, and colors to match your website’s design and highlight key locations.
User-Friendly and Interactive
Our widget is designed for easy navigation, allowing users to explore multiple locations effortlessly with an engaging map interface.
Quick Integration
Simple to embed with minimal setup, providing an immediate solution to display multiple locations on your website.