Follow

How do I embed a map on my page in the CMS?

You can embed an interactive map on your web page, allowing your audience to visualize a specific location on the map. To do this you need to be familiar with HTML. You must also have access to the HTML region of a page. Please submit a request to gain access.

Using Google API you will embed an interactive map so users see a single location. Please only use this in the main content or sidebar region. Your finished map will look like this:

 

To Add a Map on a Single Page

Add the following to an HTML region:

<style><!--
#map_canvas img{
max-width: none;
}
--></style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript"> //<![CDATA[ function initialize() {
var myLatlng = new google.maps.LatLng(45.680345,-111.052493); // LAT/LNG
var myOptions = {
zoom: 15, // 13-17 lower numbers are zoomed further out
center: new google.maps.LatLng(45.680345,-111.052493), // YOUR LAT/LNG CENTER
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"NAME OF YOUR PLACE"
});

}
//]]>
</script>

 

To Create a Map you can use across multiple pages:

If you would like to add a map on several pages, create a Source Code Asset for your map. Navigate to the Asset Manager and create a new Source Code Asset. In the creation box, add the following:

<div class="vid"><div id="map_canvas" style="width:100%;height:300px;">Loading...</div>
</div>
<script>initialize();</script>

Once your Asset has been created, place it on your web pages through the WYSIWYG.

 

 

If you would like to embed a map on your web page but are not familiar with HTML please submit a request. In your request, please clearly describe what you are trying to achieve, what problem is occurring, and specifically how we can help.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request
Powered by Zendesk