CODING MADE EASY WITH VORBLY
HTML IFRAME GOOGLE MAPS WITH MARKERS
Need a Google Map with multiple geolocation markers? This tutorial will show you how to add a Google Map with multiple locations using HTML iframe. We will provide you with the webpage elements and sample codes required to implement this feature.
Add a HTML iframe to your website.
Generating iframe code
1. Go to Google My Maps
2. Add map markers by entering your addresses into the search bar then "+ Add to map"
3. Change privacy settings: Click "Share" > Change acces to "Public on the web"
4. Go to Settings > Embed on my site
5. Copy the iframe code to your website's HTML iframe
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1-YOUR_MAP_CODE" width="960" height="410"></iframe>
I'm a paragraph. Click here to add your own text and edit me. It's easy.