Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 27.05.2016, 14:04
Новичок на форуме
Отправить личное сообщение для DDanser Посмотреть профиль Найти все сообщения от DDanser
 
Регистрация: 26.05.2016
Сообщений: 7

Dilettante_Pro,


Геокодирование – процесс преобразования адресов (например, "1600 Amphitheatre Parkway, Mountain View, CA") в географические координаты (например, широта 37,423021 и долгота -122,083739), которые можно использовать для размещения маркеров на карте или ее позиционирования.

Т.е. получается если использовать широту и долготу, то необязательно подключать свой ключ. И если выводить маркер по широте\долготе при клике на ссылку, то это вполне так себе реально реализовать?
Ответить с цитированием
  #12 (permalink)  
Старый 27.05.2016, 15:26
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

DDanser,
Геокодирование нужно, если вы не знаете координат нужного места и определяете их по адресу.
Если вы их знаете - то можете ставить маркер по известным координатам без геокодирования
Ответить с цитированием
  #13 (permalink)  
Старый 27.05.2016, 15:31
Новичок на форуме
Отправить личное сообщение для DDanser Посмотреть профиль Найти все сообщения от DDanser
 
Регистрация: 26.05.2016
Сообщений: 7

Dilettante_Pro,
А какой код нужно использовать чтобы искать и добавлять метку по клику по ширине\долготе?
Ответить с цитированием
  #14 (permalink)  
Старый 27.05.2016, 18:24
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

DDanser,
Попробуйте покликать по Рим Москва под картой
<!DOCTYPE html>
<html>
<head>
    <title>Sample Map</title>
    <meta charset="utf-8">
    <script src="http://maps.google.com/maps/api/js"> </script>
    <script>
        var map;
        var places = [{ city: "Рим", LatLng: { lat: 41.881576, lng: 12.495232} }, 
                      { city: "Москва", LatLng: { lat: 55.755833, lng: 37.617778}}];
        function e() {
            var centerLatLng = { lat: 41.881576, lng: 12.495232 };
            var e = document.getElementById("map"),
            t = {
                center: centerLatLng,
                zoom: 10,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(e, t);
         };
         google.maps.event.addDomListener(window, 'load', e);

        function setmarker(elem) {
            var cityname = elem.innerText;
            for (var i = 0; i < places.length; i++) {
                if (places[i].city == cityname) {
                    marker = new google.maps.Marker({
                        position: places[i].LatLng,
                        map: map,
                        title: places[i].city
                    });
                    marker.setMap(map);
                    map.setCenter(places[i].LatLng);
                }
            }
        }
    </script>
</head>
<body>
    <div id="map" style="width: 800px; height: 400px;">
    </div>
    <div  onclick="setmarker(this)">Рим</div>
    <div  onclick="setmarker(this)">Москва</div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск