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地图的一些常用操作)
对谷歌地图的应用开发,摸索了一个多月。编写了一个GoogleMaps ApiV3 Demo。内容包含了谷歌地图的基本功能,包括:收索地点、标注、填写标注信息、响应地图(点击、双击、经过)事件。一个比较复杂的难点是:点击...
的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它支持的数据源有很多,包括 Google Maps、Bing Maps、Yahoo Maps、Microsoft Maps、OpenStreet...
google地图和天气预报,开发中常用的东西,特别是做网站!
Cesium 常用地图纠偏 百度、高德、Arcgis、腾讯地图纠偏 资源预览:http://dongnan185.com:8083/videos/jiupian.mp4 启动:npm i npm run serve
地图投影是GIS和测绘遥感领域的基础内容,笔者对国内外主流电子地图的地图投影及转换做了系统的总结,包括google地图、baidu地图及国家测绘局的火星坐标系等,作出了说明,便于读者理解行业内常用地图投影。
│ │ ├─6.2.3 Google地图常用事件讲解(一)——获取地图参数 │ │ ├─6.2.4 Google地图常用事件讲解(二)——获取鼠标的位置 │ │ └─6.2.5 Google地图常用事件讲解(三)——操纵GMarker地标 │ └─6.3 ...
arcgis for Android 100.2 常用测试项目;里面包含加载地图,天地图,谷歌地图。加载shp;绘制点线面等。还有地图常用操作,缩放,定位等。
1264_地图常用符号.zip Arcgis制图规范符号库.rar ArGIS符号库-1:1万地形图线型符号库.zip ArGIS符号库-1:5万土地利用现状.zip ArGIS符号库-S-57海图符号库.zip ArGIS符号库-天地图风格_符号库.zip ArGIS符号库-...
的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它支持的数据源有很多,包括 Google Maps、Bing Maps、Yahoo Maps、Microsoft Maps、OpenStreet...
8.完美解决谷歌地图、谷歌电子、谷歌地形、维基、必应等“火星坐标”地图偏移问题,下载此类地图不再有偏移。 9.支持国家标准分幅模式下载,下载标准分幅地图轻松搞定。 10.导出图片自带坐标信息,无需进行坐标...
的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它支持的数据源有很多,包括 Google Maps、Bing Maps、Yahoo Maps、Microsoft Maps、OpenStreet...
1264_地图常用符号.zip Arcgis制图规范符号库.rar ArGIS符号库-1:1万地形图线型符号库.zip ArGIS符号库-1:5万土地利用现状.zip ArGIS符号库-S-57海图符号库.zip ArGIS符号库-天地图风格_符号库.zip ArGIS符号库-...
Google为Vue.js 3映射组件Vue.js的一组最常用的Google Maps组件。为什么这个图书馆存在? 我们在项目中大量使用Google Maps,因此我想拥有一个维护良好的Google Maps库。文献资料查看以获取详细文档安装您可以使用...
10、离线地图 您可在地图上随意设定区域,下载该区域内的Google地图、Google卫星图或Sogou地图,这将节约您95%以上的3G流量。 11、自绘地图 在windows版本上您可以利用该功能绘制出详尽的景区地图,分享给好友(手机端...
js调用Arcgis 常用三种地图服务的Demo,包括Google、百度和天地图
的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它支持的数据源有很多,包括 Google Maps、Bing Maps、Yahoo Maps、Microsoft Maps、OpenStreet...
的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它支持的数据源有很多,包括 Google Maps、Bing Maps、Yahoo Maps、Microsoft Maps、OpenStreet...
Iphone地图开发,用的GoogleMap库,实现的一些基本以及常用的功能。