Google Maps

Google Maps introduction 

Flux has a built in Google Map Widget to make adding one to your page simple. Once added you will need to edit it so it displays the map for the area required.

How to add a Google Map to your web page.

To start open the page you wish to add a Google Map to. Then show the Actions & Widgets Window using the Toolbar or from the application menu Window -> Actions & Widgets and select Widgets. Then scroll down to Google Map, Simple Map. Select the element you want to insert the map into, add an ID then click Insert.

More detail can be found here Inserting Widgets.

How to change the parameters of a google map

Within the head of the page you have added a Google Map to you will find.

<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP };
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>

To see the head of a page use the Toolbar Page icon and select Head Element or from the application menu select Page -> Page Attributes -> Head Element.

You can now edit the script to suit your needs.

LatLng sets the position you want to centre the map on.

Zoom sets the maps Zoom property where 0 is fully zoomed out.

MapTypeId can be set to ROADMAP, SATTELITE, HYBRID or TERRAIN.

For more detailed information see here http://code.google.com/apis/maps/documentation/javascript/tutorial.html

Tip

Use Google Earth to find the Latitude and Longitude values to centre your map on.