"
Team:St Andrews/Team2
From 2012.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
<head> | <head> | ||
| + | <title>tile.stamen.com: Google Maps</title> | ||
| + | <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD39q_a3xfQCzaef63PvP72cXyq605rRXY&sensor=false"></script> | ||
| + | <script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | function initialize() { | ||
| + | var options = { | ||
| + | center: new google.maps.LatLng(56.3370, -2.7998), | ||
| + | zoom: 8, | ||
| + | mapTypeId: "Watercolor", | ||
| + | panControl: true, | ||
| + | zoomControl: true, | ||
| + | mapTypeControl: false, | ||
| + | scaleControl: false, | ||
| + | streetViewControl: false, | ||
| + | overviewMapControl: false, | ||
| + | |||
| + | }; | ||
| + | var map = new google.maps.Map(document.getElementById("map"), options); | ||
| + | map.mapTypes.set("Toner", new google.maps.StamenMapType("toner")); | ||
| + | map.mapTypes.set("Terrain", new google.maps.StamenMapType("terrain")); | ||
| + | map.mapTypes.set("Watercolor", new google.maps.StamenMapType("watercolor")); | ||
| + | |||
| + | var marker = new google.maps.Marker({ | ||
| + | position: new google.maps.LatLng(56.3370, -2.7998), | ||
| + | title:"We are here!" | ||
| + | }); | ||
| + | |||
| + | // To add the marker to the map, call setMap(); | ||
| + | marker.setMap(map); | ||
| + | } | ||
| + | </script> | ||
| + | <style type="text/css"> | ||
| + | #map { | ||
| + | width: "auto"; | ||
| + | height: 420px; | ||
| + | } | ||
| + | </style> | ||
<style type="text/css"> | <style type="text/css"> | ||
div#photoblock { align="center"} | div#photoblock { align="center"} | ||
| Line 12: | Line 49: | ||
<body onload="initialize()"> | <body onload="initialize()"> | ||
| + | <div id="map"> | ||
| + | </div> | ||
<div align="center"> | <div align="center"> | ||
Revision as of 15:21, 7 June 2012
