Skip to content

Instantly share code, notes, and snippets.

@cloudsben

cloudsben/google-map.js

Created July 18, 2016 04:47
Show Gist options
  • Save cloudsben/31f59a5da6a83b51ef70b1be2331cbde to your computer and use it in GitHub Desktop.
Save cloudsben/31f59a5da6a83b51ef70b1be2331cbde to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. cloudsben created this gist Jul 18, 2016.
    36 changes: 36 additions & 0 deletions google-map.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,36 @@
    // 获取当前列表 经纬度
    var latlngMarkerArray = <%= raw @lat_lng.to_json %>;

    var markers = [];
    var mapOptions = {
    zoom: 10,
    }
    if(latlngMarkerArray.length > 0){
    mapOptions['center'] = latlngMarkerArray[0]
    }

    var map = new google.maps.Map(document.getElementById('pois_map'), mapOptions);

    drop();

    function drop() {
    clearMarkers();
    var bounds = new google.maps.LatLngBounds();
    for (var i = 0; i < latlngMarkerArray.length; i++) {
    var marker = new google.maps.Marker({
    position: latlngMarkerArray[i],
    map: map
    });
    markers.push(marker);
    bounds.extend(marker.position);
    }
    map.setCenter(bounds.getCenter());
    map.fitBounds(bounds);
    }

    function clearMarkers() {
    for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(null);
    }
    markers = [];
    }