geocomplete - 标记未显示

Posted 2023-02-23

【中文标题】geocomplete - 标记未显示

【英文标题】：geocomplete - marker not showing

【发布时间】：2016-08-23 22:39:59

【问题描述】：

以http://ubilabs.github.io/geocomplete/examples/draggable.html 为例。

HTML：

<div id="addresses">
        <label>Address 1</label>
        <input type="text" class="form-control geocomplete" id="addr_1" data-addrn="1" placeholder="Type your address here" value="" />
        <div class="map_canvas" id="addr_canvas_1"></div>
        <div id="addr_inf_1">
            <input type="hidden" data-geo-1="lat" placeholder="Latitude" value="" />
            <input type="hidden" data-geo-1="lng" placeholder="Longitude" value="" />
        </div>

<script src="https://maps.googleapis.com/maps/api/js?key=xxxxx&amp;libraries=places"></script>
<script src="jquery.geocomplete.min.js"></script>

JS：

$(function()
$("#addresses").find(".geocomplete").each(function() 
    var $cElem = $(this);
    var $addrNum = $cElem.data("addrn");
    $cElem.geocomplete(
      map: "#addr_canvas_"+$addrNum,
      details: "#addr_inf_1"+$addrNum,
      detailsAttribute: "data-geo-"+$addrNum,
      markerOptions: 
        draggable: true
      
    );
););

问题在于它显示地图而不是标记。为什么？

【问题讨论】：

请提供一个Minimal, Complete, and Verifiable example 来证明您的问题。

【参考方案1】：

这行 css 是地图上标记被挡住的原因

div 最大高度：999%;