google map api v3
1.计算两点间距离
加载geometry库
复制代码 代码如下:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry"></script>
计算距离
复制代码 代码如下:
var meters=google.maps.geometry.spherical.computeDistanceBetween(latLngA, latLngB);
document.getElementById("distance").innerText = meters+"米";
说明:单位是米
2.地图的缩放事件监听
google.maps.event.addListener(map, 'zoom_changed',function() {
if (map.getZoom() < MinZoomLevel) map.setZoom(MinZoomLevel);
});
3.google地图禁止鼠标滚轮缩放
scrollwheel: false
初始化:
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 15, //放大比例
center: new google.maps.LatLng(31.3, 120.6), //经纬度
mapTypeId: google.maps.MapTypeId.ROADMAP, //地图类型ROADMAP、SATELLITE、
HYBRID
panControl: false, //方向盘
scaleControl: false, //比例尺
mapTypeControl: false, //可以选的地图类型,下面是配置
//mapTypeControlOptions: {style:
google.maps.MapTypeControlStyle.DROPDOWN_MENU},
streetViewControl:false,//街头小人
zoomControl: true, //放大按钮,下面是配置
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL//LARGE
//position: google.maps.ControlPosition.LEFT_CENTER
}
});
4.Google Map的比例尺与Zoom级别的关系:
简单罗列一下, 做个记录:
其中Zoom=5,6以及Zoom=15,16时, 比例尺是相同的, 分别是1:200km, 1:200m;
但是,在Map窗口里面的表现还是稍有不同的, 那就是刻度的长度上有变化。
Zoom Scale
0 10000km
1 5000
2 2000
3 1000
4 500
5 200
6 200
7 100
8 50
9 20
10 10
11 5
12 2
13 1km
14 500m
15 200
16 200
17 100
18 50
19 20
20 10
21 5
22 2
23 1
24 1
25 1
26 1
5.反向地址解析:
//实例化地址解析器
var geoCoder = new google.maps.Geocoder();
function GetGeoLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
console.log(position);
geoCoder.geocode({
'latLng': pos
},
function(results, state) {
if (state = google.maps.GeocoderStatus.OK) {
if (results[0]) {
var point = results[0].geometry.location;
var myDirection = results[0].formatted_address;
if (marker) {
marker.setMap(null);
}
marker = new google.maps.Marker({
map: map,
position: point
});
var infowindow = new google.maps.InfoWindow({
content: '<h3>我在这里</h3>' + myDirection
});
google.maps.event.addListener(marker, 'click',
function() {
infowindow.open(map, marker);
});
map.setCenter(point);
$("#txt_address").val(myDirection.split(' ')[0]);
}
}
})
},
function() {
handleNoGeolocation(true);
},
{
'enableHighAccuracy': true,
'timeout': 10000,
'maximumAge': 0
});
} else {
// 浏览器不支持Geolocation
handleNoGeolocation(false);
}
}
相关推荐
谷歌地图操作封装类(包含测距,计算面积、弹框以及google地图的一些常用操作)
这个资源包包含22年的谷歌地图数据,天地图数据,以及各种历史地图、海图和气象图,为开发者、研究人员和爱好者提供了广泛而深入的地图资源。 首先,我们要了解地图图源是什么。地图图源是指提供地图信息的原始数据...
谷歌地图全8级瓦片数据.zip是一个包含GIS(地理信息系统)相关数据的压缩包,它采用了瓦片地图金字塔模型,这种模型是数字地图绘制中常用的一种技术。瓦片地图金字塔模型将地球表面按照一定的比例尺划分为多个正方形...
Google地图就是采用这种瓦片系统来显示的。 接下来,我们来看看如何利用JavaScript处理这些瓦片地图。JavaScript是一种常用的Web编程语言,可以用于操作网页的动态内容。在这个项目中,js文件用于读取本地存储的...
总的来说,“google地图下载工具”为用户提供了在无网络环境下访问Google地图的能力,通过下载和存储地图瓦片,实现了地图的离线浏览。这个工具对于那些需要离线地图服务的用户来说,是一个实用且有价值的解决方案。...
对谷歌地图的应用开发,摸索了一个多月。编写了一个GoogleMaps ApiV3 Demo。内容包含了谷歌地图的基本功能,包括:收索地点、标注、填写标注信息、响应地图(点击、双击、经过)事件。一个比较复杂的难点是:点击...
在Android开发中,集成并使用Google地图是一项常见的需求。Google地图API为开发者提供了丰富的功能,如显示地图、添加标记、绘制路径、测量距离等。本文将深入探讨如何在Android应用中实现这些功能。 首先,要使用...
【Google地图线路自能规划导入直接用】 在现代生活中,导航工具已经成为我们出行的重要助手,而Google地图无疑是其中的佼佼者。它提供了强大的路线规划功能,不仅可以为驾车、步行、骑行等多种出行方式提供准确的...
【标题解析】:“稻歌GOOGLE地图下载工具”是一款专门设计用于从谷歌地图服务中下载地图数据的应用程序。它能够帮助用户获取谷歌地图的卫星影像图和矢量图,为地图爱好者、GIS专业人员以及需要大量地图数据的研究者...
标题中的“黑莓全系列 谷歌地图 Google map 4.4.0 ROM4.5”指的是适用于黑莓手机的谷歌地图应用的一个特定版本,即4.4.0,这个版本是为运行在BlackBerry OS 4.5系统上的设备设计的。黑莓手机是由加拿大公司RIM...
在 OsgEarth 中加载谷歌卫星地图的 ArcGISServer 服务教程是指通过使用水经注万能地图下载器下载的谷歌卫星地图瓦片数据,在 ArcGIS 中发布服务,并在 OsgEarth 中加载发布好的瓦片服务。以下是相关知识点: 1. ...
谷歌地图下载工具是一种专门用于获取和保存谷歌地图数据的应用程序,它允许用户在无网络连接的情况下查看地图,尤其适用于户外活动、导航规划或者离线数据分析等场景。这种工具通常具有地图区域选择、分辨率设定、多...
在IT行业中,Google地图是一个广泛使用的在线地图服务平台,由Google公司提供。它集成了地理位置信息、导航、卫星图像、街景视图等多种功能,为全球用户提供便利的地理信息服务。本篇将通过几个具体的例子深入探讨...
在这个“objective-c 谷歌地图”主题中,我们将深入探讨如何使用Objective-C来集成和操作谷歌地图服务。谷歌地图API为开发者提供了强大的地图功能,包括定位、路线规划、信息窗口、覆盖物等。 首先,要使用谷歌地图...
标题中的“8700绝对好用的Google地图”表明我们正在讨论Google地图的一个特定版本,可能是针对某款名为“8700”的设备优化或适配的版本。描述中的重复内容“8700 Google 地图8700 Google 地图8700 Google 地图 亲测...
这是模仿Google地图常用的功能之一。 5. 路线规划:地图接口可以计算两个或多个地点之间的最短或最快路线,提供驾车、步行、骑行等多种导航方式。这涉及到路径搜索算法,如Dijkstra算法或A*算法。 6. 拖拽操作:...
在IT行业中,谷歌地图(Google Maps)是一款广泛应用于各种web和移动应用的地理信息系统,它提供了丰富的地图数据、导航功能以及API,使得开发者能够轻松地集成地图服务到自己的项目中。这个“完整的谷歌地图工程,...
离线地图瓦片下载工具是开发者和地理信息系统(GIS)用户常用的一种软件,它能够帮助用户从网络上抓取地图服务商如谷歌、高德、百度等的地图数据,并将其存储在本地,以便在离线状态下使用。这样的工具尤其适用于在...
谷歌地图座标浅析 谷歌地图作为全球广泛使用的在线地图服务,其背后的坐标系统和算法是地理信息系统(GIS)中的重要组成部分。这篇文章将探讨谷歌地图的坐标系统、坐标转换以及如何利用工具进行地图图片的合并。 ...
JavaScript 和 jQuery 在网页开发中广泛应用于创建交互式地图功能,其中百度地图和谷歌地图是最常用的API服务提供商。这篇chm手册详细介绍了如何利用这两种地图服务以及相关的插件来实现地图功能。 1. JavaScript...