个人中心
gpt4 book ai didi

javascript - 谷歌地图雷达搜索返回小于 200

转载 作者：行者123 更新时间：2023-11-28 00:35:50 26 4
gpt4 key购买 nike

问题陈述

radarSearch 在初始加载时仅返回靠近 map 中心的位置，并且仅返回大约 140 个(不是 200 个)。我将请求对象的边界成员设置为map.getBounds... after initial load当我移动 map 中心时，会添加更多位置...

after moving the map around a bit问题

为什么我得到的位置少于广告中的 200 个位置？如何获得 map 区域的详尽搜索结果？

代码

jsFiddle

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <style type="text/css">
        html, body, #map-canvas {
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
    <script src="JavaScriptMin.js"></script>
</head>
<body>
    <div id="map-canvas"></div>
</body>
</html>

Javascript

var map;
var infoWindow;
var service;

function initialize() {
    var mapOptions = {
        zoom: 5,
        center: new google.maps.LatLng(-27.984113, 153.411076)
    };

    map = new google.maps.Map(document.getElementById('map-canvas'),
        mapOptions);

    google.maps.event.addListener(map, 'bounds_changed', performSearch);
}

function loadScript() {
    var script = document.createElement('script'),
        myScript = 'https://maps.googleapis.com/maps/api/js?signed_in=true&v=2.exp' +
                    '&libraries=weather,places&sensor;=true_or_false&signed_in=true&callback=initialize&region=au'
    script.type = 'text/javascript';
    script.src = myScript;
    document.body.appendChild(script);
}

window.onload = loadScript;

function performSearch() {
    var request = {
        bounds: map.getBounds(),
        keyword: 'caravan parks'
    };

    if (!infoWindow) { infoWindow = new google.maps.InfoWindow() };
    if (!service) { service = new google.maps.places.PlacesService(map) };
    service.radarSearch(request, searchCallback);
}

function searchCallback(results, status, pagination) {
    if (results) { console.log('searchCallback, results count is ' + results.length) };
    if (status == google.maps.places.PlacesServiceStatus.OK) {

        for (var i = 0; i < results.length; i++) {
            var place = results[i];
            createMarker(results[i]);
        }
    } else {
        console.log('search failed')
    }
}

function createMarker(place) {
    var placeLoc = place.geometry.location;
    var marker = new google.maps.Marker({
        map: map,
        icon: {
            path: google.maps.SymbolPath.CIRCLE,
            scale: 2,
            opacity: 1,
            fillColor: 'red',
            fillOpacity: 1,
            strokeColor: 'red',
            strokeWeight: 1
        },
        position: place.geometry.location
    });    
}

注释:

  1. 如果我包含有效的 API key ，也没有任何区别。
  2. 如果我使用 radius 参数，它会返回 148 个位置，但将边界设置为 map.getBounds 时，我只能得到 145 个位置。现阶段我的猜测是，使用bounds 参数时，搜索区域是一个包含在 50 个区域中的矩形。公里半径的圆。根据文档，我不清楚这一点。

最佳答案

我最终成功地让自己走出了谷底，我的发现如下......

  1. 当使用请求对象的位置和半径参数时，搜索区域实际上是包含搜索的正方形半径。最大搜索区域是半径为 50 公里的圆的正方形(这是记录的搜索半径最大值。
  2. 使用请求对象的bounds参数时，搜索的最大区域为100平方公里。如果边界设置得比这个大，搜索仍然限制在 100 平方公里的范围内。文档对此并不清楚，但它是合乎逻辑的。

关于javascript - 谷歌地图雷达搜索返回小于 200，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28513810/

26 4 0
文章推荐： c++ - 寻找 C++ 的 MSHTML 包装器
文章推荐： HTML 电子邮件 - Outlook.com 正在将 CSS 样式从一个 DOM 元素移动到另一个
文章推荐： javascript - 使用 orderBy 进行 Angularjs 排序对我来说不起作用
文章推荐： javascript - 根据 url 哈希更改表达式 -handlebars.js
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com