Форум

autumn · #1 (**permalink**) 28.04.2016, 11:02

добрый день! есть ли возможность на карте подписывать расстояние над линией? линия построена, расстояние найдено, а подписать не знаю как. спасибо.

aklis · #2 (**permalink**) 28.04.2016, 22:57

Чтобы вы понимали насколько информативен ваш вопрос, я задам вам встречный, из той же серии:
У меня дома есть полка, скажите я могу на нее положить чемодан?

aklis · #3 (**permalink**) 28.04.2016, 23:03

Но если я прав и :
Линия - путь на карте из точки А в точку Б.
Расстояние - расстояние из точки А в точку Б.

Тогда скорее всего да, можно

Хотя я код карты видел только мельком, но вроде даже я справлюсь без проблем, хотя я абсолютный новичек.

autumn · #4 (**permalink**) 29.04.2016, 09:19

не могу себе представить, как еще по-другому можно понимать мой вопрос) в документации Google Maps Javascript API среди примеров ничего не нашла.

Dilettante_Pro · #5 (**permalink**) 29.04.2016, 10:22

autumn,
https://developers.google.com/maps/d...pt/infowindows

Dilettante_Pro · #6 (**permalink**) 29.04.2016, 10:37

autumn,
Вариант с бОльшими возможностями
https://developers.google.com/maps/d...layer#overview

autumn · #7 (**permalink**) 29.04.2016, 11:09

спасибо) окна сейчас и использую, но это не совсем то, что нужно. а наложение слоев - тоже не то. не буду же я цифры расстояний координатами на карте вырисовывать, как в примере по ссылке

Dilettante_Pro · #8 (**permalink**) 29.04.2016, 15:05

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

Dilettante_Pro · #9 (**permalink**) 29.04.2016, 15:21

<!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>

autumn · #10 (**permalink**) 29.04.2016, 16:12

Dilettante_Pro, большое вам спасибо

вот это очень даже может подойти! только мне страшно от мысли, что надо для этого найти координаты середины линии. но буду пробовать.

Форум

Справочник

Discord чат

Курсы javascript