Question

我正在使用jQuery Geocode来处理映射用户输入，包括带有回调的可拖动标记。一切都在浏览器中运行良好，全尺寸，但当我将浏览器缩小到平板电脑或智能手机宽度时，一切仍然有效除了标记不再可拖动。还有其他人经历过这个吗？我会在这里粘贴我的地理编码信息：

$ ->
  $("input.geocomplete").geocomplete
    details: "form.geocoder_form"
    detailsAttribute: "data-geo"
    blur: true
    map: "div.map_canvas"
    componentRestrictions: 
        country: "US"
    mapOptions:
        backgroundColor: 'white'
    markerOptions:
        draggable: true
        title: 'Your location'
    .bind "geocode:result", (event, result) ->
      console.log result
    .bind "geocode:dragged", (event, latLng) ->
      $("input.geocomplete").geocomplete("find", latLng.lat() + "," + latLng.lng());
    .bind "geocode:error", (event, status) ->
      console.log "Error: " + status

Answer 1

好的只是想通了，这是HTML的一个问题（这是使用Twitter Bootstrap）。

不工作：

<div class="row col-lg-6 col-xs-12">
  <div class="map_canvas"></div>
  <br>
</div>

工作：

<div class="row">
  <div class="col-lg-6 col-xs-12">
    <div class="map_canvas"></div>
  </div>
  <br>
</div>

jQuery Geocode - 标记不会在较小的设备/窗口上移动

1 个答案: