使用Google Maps API和JavaScript删除标记

Question

嗨，我正在将google maps元素集成到我正在编写的应用程序中，无法在用户的当前位置上放置图钉。

我可以获取地图以加载引脚的融合表图层，并以用户的当前位置为中心，但是我希望能够在用户的当前位置放一个标记，并调整地图的大小以适合所有标记。 这可能吗？ 如果没有，我可以将缩放比例设置为适当的水平。

这是我正在使用的代码：

var geocoder = new google.maps.Geocoder();
function initialize() {
    map = new google.maps.Map(document.getElementById('googft-mapCanvas'), {
       center: new google.maps.LatLng([app:user-lat], [app:user-lon]),
       zoom: 12,
       mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    layer = new google.maps.FusionTablesLayer({
       map: map,
       heatmap: { enabled: false },
       query: {
          select: "col2, col0",
          from: "1pbba_dFcpWQKQDXQUt9RNXp16GqX5Jz-NraafEI",
          where: ""
       },
       options: {
          styleId: 3,
          templateId: 3
       }
    });
}

google.maps.event.addDomListener(window, 'load', initialize);

我还应该说[app：user-lat]和[app：user-lon]调用是特定于应用程序的，它们从移动设备中获取数据，并且可以插入当前用户的位置。 这就是我不通过google maps api调用当前位置的原因，在此先感谢您抽出宝贵的时间来提供帮助。

Answer 1

要将标记放置在用户的位置，请在定义地图后添加标记：

var marker = new google.maps.Marker({
    position: new google.maps.LatLng([app:user-lat], [app:user-lon]),
    map: map
});

如果要随用户移动而移动它，则会有些复杂，请保留对其的引用并使用marker.setPosition。

function initialize() {
    map = new google.maps.Map(document.getElementById('googft-mapCanvas'), {
       center: new google.maps.LatLng([app:user-lat], [app:user-lon]),
       zoom: 12,
       mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var marker = new google.maps.Marker({
        position: new google.maps.LatLng([app:user-lat], [app:user-lon]),
        map: map
    });


    layer = new google.maps.FusionTablesLayer({
       map: map,
       heatmap: { enabled: false },
       query: {
          select: "col2, col0",
          from: "1pbba_dFcpWQKQDXQUt9RNXp16GqX5Jz-NraafEI",
          where: ""
       },
       options: {
          styleId: 3,
          templateId: 3
       }
    });
}

google.maps.event.addDomListener(window, 'load', initialize);

要将地图置于标记的中心（或缩放地图以显示所有标记），您需要在FusionTable中查询所有标记，从其位置构造google.maps.LatLngBounds对象，然后将其用作映射的参数。 fitBounds。

以下是几个执行此操作的示例（但列的布局（表的两列位置）与表格不同）。可以针对您的列布局（查询单列位置，对其进行解析以创建google.maps）进行调整.LatLng并将其添加到google.maps.LatLngBounds）：

• http://www.geocodezip.com/v3_FusionTablesLayer_centerOnMarkers.html
• http://www.geocodezip.com/www_vciregionmap_comC.html

以表格中的数据为中心缩放地图的示例 。 笔记：

1. 如果您有更多可能仍然不想这样做的数据，则使用的GViz API限于500行。
2. 地图以数据而不是用户为中心。