作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开发一个企业名录网站,其搜索将由 Google map 驱动。用户将能够根据各种标准搜索他们所在地区的企业,但主要的想法是,如果您搜索例如“新泽西州的水管工”,您将获得新泽西州所有水管工的结果。但是,如果您搜索“泽西海岸的水管工”,您应该只会找到在泽西海岸经营的水管工,在本例中,它是大新泽西州的郊区或其他类型的分区。顺便说一句,我正在剥离“管道工”,只传递实际的地理搜索词,所以我实际的谷歌地图搜索只是“新泽西”或“泽西海岸”。所以不要关注实际的搜索文本本身。
这是我的搜索片段:
var latlng = results[0].geometry.location;//results is google maps search result for address
console.log(results[0]);
map.setCenter(latlng.lat(), latlng.lng());
map.addMarker({
lat: latlng.lat(),
lng: latlng.lng(),
icon: 'https://maps.google.com/mapfiles/kml/shapes/schools_maps.png'
});
var closestmarkers = [];
var MAXDISTANCE = 5;//radius of our search area in km
closestmarkers = find_n_closest_markers(latlng, n, MAXDISTANCE);//see below snippet for function definition
这是确定哪些标记最接近搜索的 javascript :
function find_n_closest_markers(latlng, n, MAXDISTANCE){
var lat = latlng.lat();
var lng = latlng.lng();
var R = 6371; // radius of earth in km
var distances = [];
var closest = -1;
for (i = 0; i < map.markers.length; i++) {
var mlat = map.markers[i].position.lat();
var mlng = map.markers[i].position.lng();
var dLat = rad(mlat - lat);
var dLong = rad(mlng - lng);
var a = Math.sin(dLat / 2)
* Math.sin(dLat / 2)
+ Math.cos(rad(lat))
* Math.cos(rad(lat))
* Math.sin(dLong / 2)
* Math.sin(dLong / 2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
var d = R * c;
distances[i] = { distance: d, index: i };
}
distances.sort(comparedistances);
//remove all distances greater than MAXDISTANCE
toofarindex = -1;
for (j = 0; j < distances.length; j++)
{
if(distances[j].distance >= MAXDISTANCE)
{
toofarindex = j;
break;
}
}
if (toofarindex != -1)
{
distances = distances.splice(0, toofarindex - 1);
}
//return first n + 1 items(the closest marker is the one indicating the user's current/preferred location. which doesn't count)
if (distances.length > n + 1)
{
distances = distances.splice(0, n + 1);
}
return distances;
}
我不关心实际功能。 100% 有效。我正在寻找的是如何根据搜索词找出 MAXDISTANCE 的值应该是多少。 5 目前只是一个很好的折衷常数,但我需要知道新泽西州是直径 20 英里,而泽西海岸只有 5 英里(这些数字直接从我的耳朵里出来,而不是实际的 map )。
最佳答案
geocoder还返回结果的视口(viewport)和边界。如果您需要一个直径,您可以将其中一个转换为距离(边界的宽度或高度将为您提供一个直径,如果不使用该边界来限制您的搜索。
关于javascript - 获取谷歌地图搜索结果的大小/面积,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19114131/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!