Google maps with API v3

June 16, 201114 yr

Newbies

Hello,

I'm trying to embed Google maps into a filemaker solution using the web viewer. This should be relatively straightforward with Google's API V3, but the web viewer is not rendering the map. For now, I'm only trying to get the web viewer to show one of the example maps from the Google maps API website, so I know this is not an issue with a calculation field incorrectly rendering the code.

The web address for my web viewer is:

"data:text/html," & Localities::Google_map_test

where Google_map_test is the field containing the relevant HTML/javascript code.

The contents of Google_map_test are:

<!DOCTYPE html>

<html>

<head>

<title>Google Maps JavaScript API v3 Example: Marker Simple</title>

function initialize() {

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

var myOptions = {

zoom: 4,

center: myLatlng,

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:"Hello World!"

});

}

</script>

</head>

</body>

</html>

I appreciate any suggestions.

June 17, 201114 yr

Author
Newbies

Update: I solved the issue by wrapping the javascript in PHP in order to call the GPS coordinates from Filemaker, and hosting the code with Apache. I wanted to avoid this because the data uri scheme seems to neat and clean, with no need for PHP files external to the Filemaker solution.