คำชี้แจงปัญหา
RadarSearch ส่งคืนเฉพาะตำแหน่งใกล้กับศูนย์กลางของแผนที่เมื่อโหลดครั้งแรก และส่งคืนเพียงประมาณ 140 (ไม่ใช่ 200) ฉันกำลังตั้งค่าสมาชิกขอบเขตของออบเจ็กต์คำขอเป็น map.getBounds... ขณะที่ฉันย้าย ตรงกลางแผนที่ เพิ่มสถานที่เพิ่มเติม...
คำถาม
เหตุใดฉันจึงได้รับน้อยกว่าตำแหน่งที่โฆษณาไว้ 200 แห่ง และฉันจะได้รับผลการค้นหาที่ครบถ้วนสมบูรณ์สำหรับพื้นที่ในแผนที่ได้อย่างไร
รหัส
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>
จาวาสคริปต์
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®ion=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
});
}
หมายเหตุ:
- มันไม่ได้สร้างความแตกต่างเลยหากฉันรวมคีย์ API ที่ถูกต้อง
- ถ้าฉันใช้พารามิเตอร์รัศมี มันจะส่งคืนตำแหน่ง 148 ตำแหน่ง แต่ด้วยขอบเขตที่ตั้งค่าเป็น map.getBounds ฉันจะได้เพียง 145 เท่านั้น ฉันเดาในขั้นตอนนี้คือว่าพื้นที่การค้นหาเมื่อใช้พารามิเตอร์ขอบเขตจะเป็นสี่เหลี่ยมที่มีอยู่ในวงกลมรัศมี 50 กม. . สิ่งนี้ไม่ชัดเจนสำหรับฉันตามเอกสาร