Google maps 为什么geocomplete绑定函数出现未捕获nc错误

我有一张谷歌地图，上面有一个搜索位置的输入框。当我加载页面时，我在下图所示的控制台上得到了错误。我检查并发现错误来自geocomplete（）.bind函数。这些是我尝试过的代码。谁能帮我解释一下为什么我会犯这样的错误

<div class="box-search">
    <input id="geocomplete" type="text" class="inputtxt-style -search" placeholder="Search Location">
</div>    
<script src="https://maps.googleapis.com/maps/api/js?key=1&amp;libraries=places&callback=initialize" async defer></script>

<script src="https://maps.googleapis.com/maps/api/js?key=1&amp;libraries=places&callback=initialize"
async defer></script>

<script type="text/javascript" src="assets/js/jquery.geocomplete.min.js"></script>
<script>
    function initialize()
    {
        //google map and marker code

        $("#geocomplete")
        .geocomplete()
        .bind("geocode:result", function(event, result){
        var searchLocation = result.geometry.location;
        var searchLatitude = searchLocation.lat();
        var searchLon = searchLocation.lng();
        var myLatlng = new google.maps.LatLng(parseFloat(searchLatitude),parseFloat(searchLon));
        mapSingle.panTo(myLatlng);
        });
    }
</script>

函数初始化（）
{
//谷歌地图和标记代码
$（“地理完整”）
.geoplete（）
.bind（“地理代码：结果”，函数（事件，结果）{
var searchLocation=result.geometry.location；
var searchLatitude=searchLocation.lat（）；
var searchLon=searchLocation.lng（）；
var myLatlng=new google.maps.LatLng（parseFloat（searchLatitude），parseFloat（searchLon））；
mapSingle.panTo（myLatlng）；
});
}

---

你的脚本标签在哪里？@Thili77你是说googleapis？是的，请提供一个示例来说明错误（重点是完整的），为什么要加载两次Maps JavaScript API？