Как показать несколько местоположений в Картах Google? - PullRequest
Новая
       28

Как показать несколько местоположений в Картах Google?

7 голосов
/ 25 ноября 2011

У меня есть несколько данных о долготе и ориентации, и я хочу показать их на карте Google с помощью пинов.

Как использовать API карты Google для этого?

Ответы [ 2 ]

9 голосов
/ 25 ноября 2011

Вы перебираете свой массив и создаете новый экземпляр Marker для каждой пары.Все просто: 

<script>
    var map = new google.maps.Map(document.getElementById('map'), {
        center: new google.maps.LatLng(55.378051, -3.435973),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 8
    });

    var locations = [
        new google.maps.LatLng(54.97784, -1.612916),
        new google.maps.LatLng(55.378051, -3.435973])
        // and additional coordinates, just add a new item
    ];

    locations.forEach(function (location) {
        var marker = new google.maps.Marker({
            position: location,
            map: map
        });
    });
</script>

Это работает для любого количества пар широта / долгота;просто добавьте новый элемент в массив locations.

0 голосов
/ 25 ноября 2011

вы можете сделать что-то вроде 

   var map = new GMap2(document.getElementById("map_canvas"));
    map.addControl(new GSmallMapControl());
    map.setCenter(new GLatLng(37.4419, -122.1419), 13);

    // Create our "tiny" marker icon
    var blueIcon = new GIcon(G_DEFAULT_ICON);
    blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";

    // Set up our GMarkerOptions object
    markerOptions = { icon:blueIcon };

    // Add 10 markers to the map at random locations
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < 10; i++) {
      var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
        southWest.lng() + lngSpan * Math.random());
      map.addOverlay(new GMarker(point, markerOptions));
    }

Я взял этот пример из документации по API Google, где они показали, как вы можете использовать латыш, чтобы показать вещи

Подробнее см.

Отображение маркеров с помощью Google API

Хотя я использовал v2, который устарел, но концепция использования будет более или менее такой же

...