首先需要一个方法,是把传递过来的经纬度按照半径N公里扩散,找出距离中心经纬度N公里的上下左右经纬度值。效果如图
参考了网上的文章,http://digdeeply.info/archives/06152067.html 这篇文章是用PHP实现的经纬度查询。修改成JavaScript的 代码如下:
$(document).ready(function(){
var myLatlng = new google.maps.LatLng(38.85164143999526, 121.52265886688232);
var myOptions = {
zoom: 16,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var rectangle = new google.maps.Rectangle();
var size = 500;
var rectOptions = {
strokeColor: "#FF0000",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#FF0000",
fillOpacity: 0.35,
map: map,
bounds: getAround(myLatlng,size)
};
rectangle.setOptions(rectOptions);
});
function getAround(myLatlng,raidus){
var latitude = myLatlng.lat();
var longitude = myLatlng.lng();
var degree = (24901 * 1609) / 360.0;
var raidusMile = raidus;
var dpmLat = 1 / degree;
var radiusLat = dpmLat * raidusMile;
var minLat = latitude - radiusLat;
var maxLat = latitude + radiusLat;
var mpdLng = degree * Math.cos(latitude * (Math.PI / 180));
var dpmLng = 1 / mpdLng;
var radiusLng = dpmLng * raidusMile;
var minLng = longitude - radiusLng;
var maxLng = longitude + radiusLng;
var rectSW = new google.maps.LatLng(minLat,minLng);
var rectNE = new google.maps.LatLng(maxLat,maxLng);
return new google.maps.LatLngBounds(rectSW,rectNE);
}
相关推荐
Google Maps Javascript API V3 Reference 适用于页面调用谷歌地图,弹出窗口等功能
**Google Maps JavaScript API V3中文版参考手册** Google Maps JavaScript API V3是Google提供的一套用于在网页上集成和操作地图的JavaScript库。这个API允许开发者利用JavaScript编程语言,为网站构建高度定制化...
Google Maps API V3 中文参考文档(JavaScript) Google Maps API V3 是 Google Maps 提供的一款强大的地图应用程序接口,允许开发者在网站或应用程序中轻松嵌入谷歌地图。该 API 的 JavaScript 版本提供了丰富的...
《Google Maps JavaScript API V3 详细教程》 Google Maps JavaScript API V3 是一款强大的工具,允许开发者在网页中集成互动式地图,为用户提供丰富的地理位置体验。API 的第三版相较于第二版进行了更新和优化,...
学习和掌握Google Maps API V3,需要对JavaScript有一定的了解,同时,理解地理坐标系统和网络请求机制也是必要的。在实际项目中,还需要考虑API调用限制和性能优化,以及如何结合后端数据来实现更复杂的功能。总的...
《Google Maps JavaScript API V3 自用版本》 Google Maps JavaScript API V3 是 Google 提供的一套用于在网页中集成和操作 Google Maps 的 JavaScript 库。这个版本替代了之前的 V2 版本,提供了更快的加载速度,...
### Google Maps JavaScript API V3 教程 #### 引言 Google Maps JavaScript API V3 是一个功能强大且灵活的地图服务接口,允许开发者轻松地将交互式地图集成到他们的网站或应用中。相比于之前的版本,V3 提供了更...
The Google Maps Javascript API V3 is primarily intended for web developers who wish to integrate interactive maps into their websites or web applications. It caters to a wide range of skill levels, ...
### Google Maps JavaScript API V3 知识点解析 #### 一、概述 Google Maps JavaScript API V3 是一种用于集成交互式地图到网站上的工具。它提供了丰富的功能集,包括地图显示、位置搜索、路线规划等。与之前的版本...
### Google Maps JavaScript API V3中文版参考手册 #### 概述 Google Maps JavaScript API V3 是一款强大的工具,允许开发者在网页上嵌入并自定义谷歌地图。此API提供了丰富的功能,包括创建交互式地图、添加标记、...
Google Maps API是Google提供的一项强大的服务,允许开发者在自己的应用程序中集成地图功能,进行地理位置相关的开发。这个"Google Maps API编程资源大全"包含了丰富的资料,帮助开发者深入理解和使用这一技术。 ...
1. **API版本与更新**:Google Maps API v3是Google Maps API的重大改版,相较于之前的版本,它提供了更轻量级的JavaScript库,减少了加载时间,并且支持渐进式增强。3.16.2是该版本的一个特定迭代,可能包含特定的...
Google Maps JavaScript API v3实用程序 描述 在该项目中,您可以找到为Google Maps JavaScript API V3开发的实用程序包。 文献资料 以下实用程序包的文档可以在找到。 配套 注意:许多软件包正被移至单个存储库,并...
Google Maps JavaScript API V3 是 Google 提供的一个强大工具,用于在网页上集成交互式的地图服务。作为正式的 JavaScript API 版本,它允许开发者利用 HTML、CSS 和 JavaScript 技术创建丰富的地图应用程序,提供...
Google Maps JavaScript API V3 中文参考手册,详细解说每个函数的功能。
Google Maps JavaScript API Cookbook是2013年11月出版的针对谷歌地图JavaScript API的详细介绍指南。该书为读者提供了一套包含超过50个实用食谱的集合,旨在帮助开发者利用Google Maps JavaScript API创建网络地图...
基于Google Maps JavaScript API的物流配送车辆调度系统设计 本文提出了一种基于Google Maps JavaScript API的物流配送车辆调度系统设计,通过提取Google Maps道路信息,并与物流配送信息紧密结合,利用模拟退火...
Google Maps JavaScript API V3 是一个强大的工具,允许开发者在网页上集成谷歌地图的功能,提供丰富的交互式地图体验。这个API版本带来了许多改进和新特性,使得开发更加高效和灵活。以下是对主要知识点的详细说明...