javascript - 无法在 google api 上获取标记

标签 javascript google-maps google-maps-api-3

我正在使用 gem "geocoder" 从地址获取 lang 和 long,但我似乎无法在我的 map 上获取标记

  - lat_long = Geocoder.coordinates(Mode.full_address).to_s.gsub('[', '').gsub(']', '')
  %script{:src => "https://maps.googleapis.com/maps/api/js?v=3.exp"}
  :javascript
    var map;
    function initialize() {
      var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(#{lat_long})
      };
      map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize);

这把 map 放在了它应该在的地方,但它没有给我一个标记

最佳答案

添加 google.maps.Marker .

var map;

function initialize() {

    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(#{lat_long})
    };

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    // Create a marker on map center
    var marker = new google.maps.Marker({
        position: map.getCenter(),
        map: map,
    });
}

google.maps.event.addDomListener(window, 'load', initialize);

关于javascript - 无法在 google api 上获取标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27658086/

相关文章:

javascript - 无法在谷歌地球中渲染kml文件

javascript - Google map 上的饼图

javascript - 谷歌地图 API |当外面很黑时(取决于时间)如何更改 map 样式(复古到夜间模式)?

javascript - V8 中的栈和堆(JavaScript)

javascript - Nodejs中如何将json对象数组转换为String?

javascript - 将对象设置为 cookie

javascript - 如何检查表格中的相邻单元格以及它们是否应该着色

css - Bootstrap 和 Bootstrap-Select - 使 Select 和其他元素适合 div 宽度,100% 宽度/高度

google-maps - 给定半径内的周边城镇列表

javascript - 通过过滤器数组设置对象数组的属性