Question

我在我的谷歌地图上使用geocomplete.js。也是twitter bootstrap。

目前我有一个按钮：

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

此按钮用于将地图上的标记固定在我想要的位置（Latlng提供）

我的js函数在单击按钮时调用click：

$("#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"
          },
        });
});

我在div中的地图ID：

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

因此，无论何时单击按钮引脚，我的地图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
        }
    });
});

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

1 个答案: