Question

我在javascript Google地图上工作，我用自定义标记和该资本和州的标题标记了每个州首府的位置。现在，当您查看地图时，您会看到整个美国的每个标记。我想保留它，但添加一个侧边栏，您单击状态的名称，地图缩放到州和资本。我还想添加一个缩小查看完整地图的链接。有没有人有关于如何做到这一点的教程？我发现了几个带侧边栏的Google地图示例，但没有放大到特定位置的示例。

编辑：这就是我想要实现的目标：http://econym.org.uk/gmap/example_map2.htm 这是我正在使用的代码：

<script>
function init() {
    var myOptions = {
        zoom: 4,
        center: new google.maps.LatLng(38.781494, -96.064453),
        mapTypeId: google.maps.MapTypeId.ROAD
   };
    var map = new google.maps.Map(document.getElementById("map"), myOptions);

    var image = 'Alabama.png';
    var myLatLng = new google.maps.LatLng(32.366805, -86.299969);
    var AlabamaMarker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image,
        title:"Montgomery, Alabana"   
    });     
}

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

</script>

Answer 1

您需要将侦听器（例如，使用jquery）与状态名称上的click事件相关联。如果他们有一个带USPS代码的id属性，那就像

  jQuery(document).on('click','#RESET',function() {
        map.setZoom(5);
        map.setCenter({lat:41, lng:-89.5});
    });

    jQuery(document).on('click','#CA',function() {
        map.setZoom(7);
        map.setCenter({lat:36.4, lng:-120.9});
    });

    jQuery(document).on('click','#FA',function() {
        map.setZoom(7);
        map.setCenter({lat:28, lng:-81});
    });

你看，我包含一个id为RESET的链接，允许我重置为初始状态。

在这里你可以看到它在工作 http://bl.ocks.org/amenadiel/38e0541592bf331cb298

带有补充工具栏的Google地图缩放到特定位置

1 个答案: