【问题标题】:Google Maps Multiple Search Results谷歌地图多个搜索结果
【发布时间】:2012-08-17 21:30:28
【问题描述】:

我想在一个嵌入式地图上显示多个搜索结果,这可能吗?

示例: 我想显示您所在地区的所有银行,它们是 4 家公司中的任何一家: 大通、富国银行、美国银行、美国银行

这实际上是针对我的澳大利亚网站的——人们访问银行并将现金存入我们在 4 家银行中的任何一家的账户中,我只想给他们一张地图以找到最近的一家: https://www.spendbitcoins.com/buy/ "请访问任何 NAB、Bendigo、Commonwealth Bank 或 Westpac 分行并存款"

如果可以添加一个搜索框,这样他们就可以输入他们的城市或 zip 并获得本地版本,那就更好了。

【问题讨论】:

    标签: google-maps-api-3


    【解决方案1】:

    是的,这是通过首先创建一个数组来完成的,如下所示;

      <div id="map" style="width: 500px; height: 400px;"></div>
    
      <script type="text/javascript">
        var locations = [
          ['Bondi Beach', -33.890542, 151.274856, 4],
          ['Coogee Beach', -33.923036, 151.259052, 5],
          ['Cronulla Beach', -34.028249, 151.157507, 3],
          ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
          ['Maroubra Beach', -33.950198, 151.259302, 1]
        ];
    
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 10,
          center: new google.maps.LatLng(-33.92, 151.25),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });
    
        var infowindow = new google.maps.InfoWindow();
    
        var marker, i;
    
        for (i = 0; i < locations.length; i++) {  
          marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            map: map
          });
    
          google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
              infowindow.setContent(locations[i][0]);
              infowindow.open(map, marker);
            }
          })(marker, i));
        }
      </script>
    

    我从 previous question which has more information on the subject 中提取了这个示例

    【讨论】:

    • 但这不是搜索。我宁愿不必预先输入所有位置,因为它们有数千个。
    • 这只是从一个数组中创建多个位置,但不显示给定特定位置的最接近的位置
    猜你喜欢
    • 1970-01-01
    • 2014-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-10
    • 2021-12-28
    • 1970-01-01
    相关资源
    最近更新 更多