google map api подпись расстояния
добрый день! есть ли возможность на карте подписывать расстояние над линией? линия построена, расстояние найдено, а подписать не знаю как. спасибо.
|
Чтобы вы понимали насколько информативен ваш вопрос, я задам вам встречный, из той же серии:
У меня дома есть полка, скажите я могу на нее положить чемодан? :) |
Но если я прав и :
Линия - путь на карте из точки А в точку Б. Расстояние - расстояние из точки А в точку Б. Тогда скорее всего да, можно:) Хотя я код карты видел только мельком, но вроде даже я справлюсь без проблем, хотя я абсолютный новичек. |
не могу себе представить, как еще по-другому можно понимать мой вопрос) в документации Google Maps Javascript API среди примеров ничего не нашла.
|
|
|
спасибо) окна сейчас и использую, но это не совсем то, что нужно. а наложение слоев - тоже не то. не буду же я цифры расстояний координатами на карте вырисовывать, как в примере по ссылке
|
autumn,
Добавляете библиотеку <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/maplabel/src/maplabel-compiled.js"></script> Пишете код
var labelText = '100 km',
labelPos = new google.maps.LatLng(55.755833, 36.617778);
var mapLabel = new MapLabel({
text: labelText,
position: labelPos,
map: map,
fontSize: 15,
align: 'right'
});
и получаете надпись в нужном вам месте подробности: http://google-maps-utility-library-v...reference.html |
<!DOCTYPE html>
<html>
<head>
<title>Maps</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/maplabel/src/maplabel-compiled.js"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(55.755833, 38);
var settings = {
zoom: 10,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU },
navigationControl: true,
navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL },
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
var companyPos = new google.maps.LatLng(55.755833, 38);
var mapLabel = new MapLabel({
text: 'Пишу что угодно',
position: companyPos,
map: map,
fontSize: 20,
fontColor: 'red',
align: 'center'
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 800px; height: 500px">
</div>
</body>
</html>
|
Dilettante_Pro, большое вам спасибо :) вот это очень даже может подойти! только мне страшно от мысли, что надо для этого найти координаты середины линии. но буду пробовать.
|
| Часовой пояс GMT +3, время: 14:34. |