Google Maps V3 flere markers
Hej eksperterJeg vil gerne vise et Google Maps kort på en "mobil side" lavet med Jquery mobile. Dennte kode:
<!DOCTYPE html>
<html>
<head>
<title>Google Maps</title>
<META name="robots" content="noindex">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/geocode/output?parameters"></script>
<style type="text/css">
.ui-page {
background: #e2e2e2;
}
</style>
<style>
<!--
a{text-decoration:none}
//-->
</style>
<script>
$('#map_result').live('pageshow',function(event){
loadMap(56.5562,10.52854);
});
function loadMap(Lat, Long){
var myLatlng = new google.maps.LatLng(Lat, Long);
var myOptions = {
zoom: 9,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
}
</script>
<style>
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_result{width:100%; height:100%;}
#map_canvas{width:100%; height:92%;padding:0;}
</style>
</head>
<body>
<!-- page -->
<div data-role="page" id="map_result">
<!-- header -->
<div data-role="header" data-theme="b" data-position="inline">
<h1>Google Maps</h1>
</div>
<!-- /header -->
<div id="map_canvas"></div>
</div>
<!-- /page -->
</body>
</html>
viser helt fint et enkelt sted. Min udfordring er, at jeg gerne vil kunne vise flere steder markeret med et flag. Jeg har prøvet RIGTIG mange koder, men der er ikke nogle, som vil virke ;-)
Håber, at I kan hjælpe. På forhånd tak.
