javascript - 如何使用 geocomplete.js 将标记添加到谷歌地图

Question

我正在为我的谷歌地图使用 geocomplete.js。还有 twitter bootstrap。

目前我有一个按钮:

<button id="btn-pin" type="button" class="btn btn-primary">PIN</button>

此按钮用于将 map 上的标记固定在我想要的位置(提供 Latlng)

我的js函数在点击按钮时调用:

$("#btn-pin").on('click', function() {
        var myLatlng = new google.maps.LatLng(1.294400,103.849339);

        $("#btn-pin").geocomplete({
          map: ".map_canvas",
          mapOptions: {
              scrollwheel: true
          },
            markerOptions: {
            draggable: true,
            position: myLatlng,
            map: ".map_canvas"
          },
        });
});

我的 map ID 在 div 中:

<div class="map_canvas"></div>

因此，每当单击按钮图钉时，我的 map div 就会变灰。我的代码有问题吗？我尝试尽可能密切地关注谷歌地图 API 和互联网上的其他文章，这是我能得到的最好的结果..

Answer 1

我修复了我的 JS 并且它起作用了

JS:

$("#btn-pin").on('click', function() {
    var setloc = new google.maps.LatLng(1.294400,103.849339);
        $("#btn-pin").geocomplete({
        map: ".map_canvas",
        details: "form",
        location: setloc,
        mapOptions: {
              scrollwheel: true,
              maxZoom: 16
        },
        markerOptions: {
            draggable: true
        }
    });
});