| Server IP : 182.53.201.61 / Your IP : 216.73.217.175 Web Server : Apache/2.2.15 (Fedora) System : Linux km10.dyndns.org 2.6.31.5-127.fc12.i686.PAE #1 SMP Sat Nov 7 21:25:57 EST 2009 i686 User : apache ( 48) PHP Version : 5.3.3 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/map/ |
Upload File : |
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Multiple Location Sample | Longdo Map</title>
<style type="text/css">
html{
height:100%;
}
body{
margin:0px;
height:100%;
}
#map {
height: 100%;
}
</style>
<script type="text/javascript" src="https://api.longdo.com/map/?key=2f5ce0a7b55a932eee35c53478ce493c"></script>
<script>
var map;
var marker = new longdo.Marker({ lon: 100.643005, lat: 14.525007 });
function init() {
map = new longdo.Map({
placeholder: document.getElementById('map')
});
map.Tags.add(function(tile, zoom) {
var bound = longdo.Util.boundOfTile(map.projection(), tile);
mockAjaxFromServer(bound, function(locationList) {
for (var i = 0; i < locationList.length; ++i) {
map.Overlays.add(new longdo.Marker(locationList[i], { visibleRange: { min: zoom, max: zoom } }));
}
});
});
}
function mockAjaxFromServer(bound, callback) {
var locationList = [];
var count = Math.random() * 5;
for (var i = 0; i < 3; ++i) {
locationList.push({ lon: bound.minLon + (Math.random() * (bound.maxLon - bound.minLon)),
lat: bound.minLat + (Math.random() * (bound.maxLat - bound.minLat)) });
}
callback(locationList);
}
</script>
</head>
<body onload="init();">
<div id="map"></div>
</body>
</html>