Team:St Andrews/Team2

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
<head>
<head>
-
        <link rel="stylesheet" href="http://dl.dropbox.com/u/491730/iGEm/leaflet.css" />
 
-
        <!--[if lte IE 8]>
 
-
            <link rel="stylesheet" href="http://dl.dropbox.com/u/491730/iGEm/leaflet.ie.css" />
 
-
        <![endif]-->
 
-
        <script src="http://dl.dropbox.com/u/491730/iGEm/leaflet.js"></script>
 
-
        <script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js"></script>
 
-
        <script type="text/javascript">
 
-
            function initialize() {
 
-
                var layers = ["toner", "terrain", "watercolor"];
 
-
                    var layer = "watercolor";
 
-
                    var map = new L.Map(layer, {
 
-
                        center: new L.LatLng(56.3339,-2.8035),
 
-
                        zoom: 10
 
-
                    });
 
-
                    map.addLayer(new L.StamenTileLayer(layer));
 
-
                    var marker = new L.Marker(new L.LatLng(56.3339,-2.8035));
 
-
                    map.addLayer(marker);
 
-
                    marker.bindPopup("We are here!").openPopup();
 
-
               
 
-
            }
 
-
        </script>
 
-
        <style type="text/css">
 
-
            .map {
 
-
                width: "auto";
 
-
                height: 420px;
 
-
                margin: 0 0 1em 0;
 
-
            }
 
-
        </style>
 
-
       
 
<style type="text/css">
<style type="text/css">
div#photoblock { align="center"}  
div#photoblock { align="center"}  
Line 41: Line 12:
<body onload="initialize()">
<body onload="initialize()">
-
<div id="watercolor" class="map"></div>
 
<div  align="center">
<div  align="center">

Revision as of 15:21, 7 June 2012