Làm cách nào để hiển thị nhiều vị trí trong Google Maps?

Question

Tôi có nhiều dữ liệu về thái độ và kinh độ và tôi muốn hiển thị chúng trong bản đồ google bằng các ghim.

Cách sử dụng API bản đồ của Google để thực hiện việc này?

Answer 1

Bạn lặp qua mảng của mình và tạo một phiên bản Marker mới cho mỗi cặp. Thật đơn giản:

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

Điều này phù hợp với bất kỳ số cặp vĩ độ/kinh độ nào; chỉ cần thêm một mục mới vào mảng locations.

Answer 2

bạn có thể làm một cái gì đó giống như

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)); 
    } 

tôi đã lấy ví dụ này từ tài liệu google API nơi họ đã cho thấy làm thế nào bạn có thể sử dụng lat ong để hiển thị điều

Tham khảo này để biết chi tiết

Showing markers using Google API

Mặc dù tôi đã sử dụng phiên bản v2 đã không còn được sử dụng nhưng khái niệm sử dụng sẽ nhiều hơn hoặc ít hơn giống nhau