-Есть код:
<head>
<title>Передвигаем Маркер</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</script>
<script type="text/javascript">
var marker = null;
var myLatlng = null;
var map = null;
var image = null;
var mapOptions = null
function movemarker()
{
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","http://запрос",false);
xmlhttp.send();
var data = xmlhttp.responseText;
vals = data.split('-;-');
latv = parseFloat(vals[33]);
lonv = parseFloat(vals[34]);
myLatlng = new google.maps.LatLng(latv,lonv);
var fld = document.getElementById('before_map');
fld.innerText = ' ' + 'lat:' + latv + ', lon: ' + lonv + ' ' + myLatlng.toString();
marker.setPosition(myLatlng);
}
function initialize()
{
myLatlng = new google.maps.LatLng(44.809122,-36.650391);
mapOptions =
{
center: myLatlng,
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
image = 'http://maps.google.com/mapfiles/ms/micons/green-dot.png';
marker = new google.maps.Marker
({
position: myLatlng,
map: map,
icon: image,
title:"Message!"
})
window.setInterval("movemarker()",1000);
}
</script>
</head>
<body onload="initialize(); ">
<div id="before_map">Загружаем...</div>
<div id="map_canvas" style="align:right; width:600; height:500"></div>
- Работает все замечательно кроме того что не хочет центрировать карту к маркеру. Взгляните кто нибудь свежим взглядом. Поправьте меня, что я делаю не так?
- Работает след. образом. Загружается карта, делается Get запрос на сервер получаем данные lat lng записываем в переменную. Далее перемещаем маркер на уже от рисованной карте и так каждую секунду происходит перемещение маркера.
Проблема: Карта не центрируется.