Google Maps codes

Here you have an example of a route, if you are in the Mobile History Map you can use it:

<!DOCTYPE html>
<html>
<head>
<script
src=”http://maps.googleapis.com/maps/api/js”>
</script>
<script>
var institutpompeufabra=new google.maps.LatLng(41.475165,1.921349);
var pontdeldiable=new google.maps.LatLng(41.4749428,1.9371074);
function initialize()
{
var mapProp = {
center:x,
zoom:4,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById(“googleMap”),mapProp);
var myTrip=[institutpompeufabra,pontdeldiable];
var flightPath=new google.maps.Polyline({
path:myTrip,
strokeColor:”#0000FF”,
strokeOpacity:0.8,
strokeWeight:2
});
flightPath.setMap(map);
}
google.maps.event.addDomListener(window, ‘load’, initialize);
</script>
</head>
<body>
<div id=”googleMap” style=”width:500px;height:380px;”></div>
</body>
</html>

Use the w3shools Google Maps API tutorials. Use an animated marker to indicate the origin Punta Almina and a static marker to indicate destination Punta Europa. Add a line to indicate the geographical true course of your ship. Try to add a compass to measure the nautical true course in degrees.