Клуб API Карт

Инструмент для поиска и определения координат

still-storm
14 ноября 2008, 02:54

Инструмент для поиска и определения координат:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="height:100%; width:100%;" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Инструмент для определения координат.</title>
<script src="http://api-maps.yandex.ru/1.0/index.xml?key=ANpUFEkBAAAAf7jmJwMAHGZHrcKNDsbEqEVjEUtCmufxQMwAAAAAAAAAAAAvVrubVT4btztbduoIgTLAeFILaQ==" type="text/javascript"></script>
<script type="text/javascript">
var map;
var geoResult;

function init () {
map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10);
map.addControl(new YMaps.TypeControl());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.MiniMap());
map.addControl(new YMaps.ScaleLine());

YMaps.Events.observe(map, map.Events.Click, function (mEvent) {
var myHtml = "Значение: " + mEvent.getGeoPoint() + " на масштабе " + map.getZoom();
map.openBalloon(mEvent.getGeoPoint(), myHtml);
});
}

function showAddress (value) {
map.removeOverlay(geoResult);
var geocoder = new YMaps.Geocoder(value, {results: 1, boundedBy: map.getBounds()});

YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
if (this.length()) {
geoResult = this.get(0);
map.addOverlay(geoResult);

map.panTo(geoResult.getGeoPoint());
map.setBounds(geoResult.getBounds());
}else {
alert("Ничего не найдено")
}
});
}
</script>
</head>
<body onload="init();" style="height:90%; width:90%;">
<form action="#" onsubmit="showAddress(this.address.value);return false;">
<p>
<input type="text" id="address" style="width:725px;" value="Москва" />
<input type="submit" value="Искать" />
</p>
<div id="YMapsID" style="height:400px; width:800px;"></div>

</form>
</body>
</html>

 
0 комментариев
Подписаться на комментарии к посту