I'm trying to get a Google Map into a page, using an address held in a page as the address to be displayed. This is to allow me to have a series of pages for conferences, each showing its location.
Following the solution given in this post (without even changing the styling details yet so it should work!) I've put the following code into my page:
The map doesn't display; and when I look at the HTML, the content of the actual page generated contains
..so it seems that the content of the editable region is not being pulled in.
I'm probably doing something obvious wrong - but can anyone tell me what it is?
Following the solution given in this post (without even changing the styling details yet so it should work!) I've put the following code into my page:
- Code: Select all
<cms:google_map
name='map'
address="<cms:show conference_location_map_address />"
width='170'
height='170'
zoom='14'
style='border-radius: 100%'
/>
The map doesn't display; and when I look at the HTML, the content of the actual page generated contains
- Code: Select all
function(){
var map = new google.maps.Map( document.getElementById("map3") );
display_by_address( ""<cms:show conference_location_map_address />"", 14, "" );
function display_by_coordinates( latlng, zoom, html ){
map.setCenter( latlng );
map.setZoom( zoom );
mark( latlng, html, 1 );
}
..so it seems that the content of the editable region is not being pulled in.
I'm probably doing something obvious wrong - but can anyone tell me what it is?