Google.maps JS-kode
Hej med jerJeg prøver af hele mit hjerte at få den her google.maps ting til at fungere og her skal jeg som det første sige at jeg er IKKE den skarpeste kniv i skuffen til javascript.
Sagen er at jeg har en ACCESS database med mange (!) adresser som jeg gerne vil have mulighed for at vise på et google.maps kort, et af gangen. Hvis man klikker på en adresselink bliver man ført videre til en ny side hvor man så kan se et kort med den aktuelle adresse. Altså en adresse på hver kort.
Jeg bruger ASP "classic" og variablerne jeg får med til kortsiden er :
vejnavn=request.form("vejnavn")
postnr=request.form("postnr")
bynavn=request.form("bynavn")
meningen er at når min kortside loader kommer der relevant kort med adressen. Jeg har brugt en del tid på google.maps API dokumentation, men trods det kan jeg ikke få det til at funke. Her er min udgangskode:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
function codeAddress() {
var address = document.getElementById("address").value;
if (geocoder) {
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
}
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<div>
<input id="address" type="textbox" value="højbjerg, denmark">
<input type="button" value="Geocode" onclick="codeAddress()">
</div>
<div id="map_canvas" style="width:100%; height:90%"></div>
</body>
</html>
Og den side virker, men den skal virke uden formen og det skal som sagt bare være sådan at javascripten bliver eksekveret med de tre variabler jeg har hentet fra tidligere side (vejnavn,postnr,bynavn) når siden loader. Har i et forslag til hvordan jeg får mine data "ind i" javascriptet og får ekskveret scriptet.?
