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=””> </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.