runemartin.com

Geopos i browser

Henter posisjon, vent litt...

Kildekoden

<script type="text/javascript" src="http://tile.cloudmade.com/wml/latest/web-maps-lite.js"></script>
<script type="text/javascript">

var tiles = new CM.Tiles.OpenStreetMap.Mapnik();

var ntnu = new CM.Tiles.Base({
    tileUrlTemplate: 'http://openstreetmap.itea.ntnu.no/tiles/#{zoom}/#{x}/#{y}.png', 
    title: 'NTNU-kart',
    maxZoomLevel: 18,
    copyright: 'Data &copy; 2009 OpenStreetMap.org. Rendering &copy; NTNU.',
    outOfRangeTileUrl: 'http://runemartin.com/notile.png',
    errorTileURL: 'http://runemartin.com/notile.png'
});

var map = new CM.Map('map', ntnu);
var marker = null;
map.setCenter(new CM.LatLng(63.41747, 10.40415), 12);
map.addControl(new CM.LargeMapControl());

function oppdaterPosisjon(pos, marker){
  var mypos = new CM.LatLng(pos.coords.latitude, pos.coords.longitude);
  map.setCenter(mypos, 12);
  marker = new CM.Marker(mypos, {
	title: "Vi vet hvor du bor!"
  });
  map.addOverlay(marker);
  document.getElementById('ventetekst').innerHTML = "Posisjon funnet";
}

navigator.geolocation.watchPosition(oppdaterPosisjon);

</script>