`

Google Maps JavaScript API V3 根据坐标画正方型范围

阅读更多

首先需要一个方法,是把传递过来的经纬度按照半径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开发包

    Google Maps Javascript API V3 Reference 适用于页面调用谷歌地图,弹出窗口等功能

    [免费]Google Maps JavaScript API V3中文版参考手册.rar

    **Google Maps JavaScript API V3中文版参考手册** Google Maps JavaScript API V3是Google提供的一套用于在网页上集成和操作地图的JavaScript库。这个API允许开发者利用JavaScript编程语言,为网站构建高度定制化...

    Google Maps API V3 中文参考文档(JavaScript)

    Google Maps API V3 中文参考文档(JavaScript) Google Maps API V3 是 Google Maps 提供的一款强大的地图应用程序接口,允许开发者在网站或应用程序中轻松嵌入谷歌地图。该 API 的 JavaScript 版本提供了丰富的...

    Google Maps JavaScript API V3 详细教程

    《Google Maps JavaScript API V3 详细教程》 Google Maps JavaScript API V3 是一款强大的工具,允许开发者在网页中集成互动式地图,为用户提供丰富的地理位置体验。API 的第三版相较于第二版进行了更新和优化,...

    Google_Maps_API_V3.rar_Google Maps api v3_谷歌地图

    学习和掌握Google Maps API V3,需要对JavaScript有一定的了解,同时,理解地理坐标系统和网络请求机制也是必要的。在实际项目中,还需要考虑API调用限制和性能优化,以及如何结合后端数据来实现更复杂的功能。总的...

    Google Maps JavaScript API V3 自用版本.doc.doc

    《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 教程 #### 引言 Google Maps JavaScript API V3 是一个功能强大且灵活的地图服务接口,允许开发者轻松地将交互式地图集成到他们的网站或应用中。相比于之前的版本,V3 提供了更...

    The Google Maps Javascript API V3.doc

    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中文版参考手册

    ### Google Maps JavaScript API V3中文版参考手册 #### 概述 Google Maps JavaScript API V3 是一款强大的工具,允许开发者在网页上嵌入并自定义谷歌地图。此API提供了丰富的功能,包括创建交互式地图、添加标记、...

    Google Maps API编程资源大全

    Google Maps API是Google提供的一项强大的服务,允许开发者在自己的应用程序中集成地图功能,进行地理位置相关的开发。这个"Google Maps API编程资源大全"包含了丰富的资料,帮助开发者深入理解和使用这一技术。 ...

    Google Maps API v3 (3.16.2) 离线开发包

    1. **API版本与更新**:Google Maps API v3是Google Maps API的重大改版,相较于之前的版本,它提供了更轻量级的JavaScript库,减少了加载时间,并且支持渐进式增强。3.16.2是该版本的一个特定迭代,可能包含特定的...

    v3-utility-library:Google Maps JavaScript API v3的实用程序库

    Google Maps JavaScript API v3实用程序 描述 在该项目中,您可以找到为Google Maps JavaScript API V3开发的实用程序包。 文献资料 以下实用程序包的文档可以在找到。 配套 注意:许多软件包正被移至单个存储库,并...

    Google_Maps_API_V3_HTML

    Google Maps JavaScript API V3 是 Google 提供的一个强大工具,用于在网页上集成交互式的地图服务。作为正式的 JavaScript API 版本,它允许开发者利用 HTML、CSS 和 JavaScript 技术创建丰富的地图应用程序,提供...

    Google Maps API V3 中文参考手册

    Google Maps JavaScript API V3 中文参考手册,详细解说每个函数的功能。

    Google Maps JavaScript API Cookbook(2013,11)最新英文版

    Google Maps JavaScript API Cookbook是2013年11月出版的针对谷歌地图JavaScript API的详细介绍指南。该书为读者提供了一套包含超过50个实用食谱的集合,旨在帮助开发者利用Google Maps JavaScript API创建网络地图...

    基于Google Maps JavaScript API的物流配送车辆调度系统设计.pdf

    基于Google Maps JavaScript API的物流配送车辆调度系统设计 本文提出了一种基于Google Maps JavaScript API的物流配送车辆调度系统设计,通过提取Google Maps道路信息,并与物流配送信息紧密结合,利用模拟退火...

    GOOGLE MAPS API V3

    Google Maps JavaScript API V3 是一个强大的工具,允许开发者在网页上集成谷歌地图的功能,提供丰富的交互式地图体验。这个API版本带来了许多改进和新特性,使得开发更加高效和灵活。以下是对主要知识点的详细说明...

Global site tag (gtag.js) - Google Analytics