Google地图API方式查看卫星地图

最近发现谷歌地图http://www.google.cn/maps 左下角点击卫星图像的时候，不能切换到卫星地图模式，于是借助Google地图API方式写了个DEMO，算是学习了下Google地图，代码如下：

<!DOCTYPE html>
<html>
<head>
<title>Google Map</title>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?v=3&sensor=false&language=zh-cn"></script>
<script type="text/javascript">window.onload = function() {var geo = new geoEach();// 解析地名到经纬度var area = '中国\n南京';area = area.split('\n');var sh;var i = 0;//sh = window.setInterval(function() {if (i < area.length) {geo.toLatLng(area[i]);} else {window.clearInterval(sh);}i++;}, 500);//每隔500毫秒解析地名直至到最小地名后关闭定时器
}
function geoEach() {// 初始化地图geoEach.map = new google.maps.Map(document.getElementById("map_canvas"), {center : new google.maps.LatLng(35.86166, 104.19539699999996),zoom : 4,mapTypeId : google.maps.MapTypeId.HYBRID});// 添加一个markergeoEach.marker = new google.maps.Marker({map : geoEach.map,position : new google.maps.LatLng(35.86166, 104.19539699999996)});// 实例化geocoder服务geoEach.geocoder = new google.maps.Geocoder();
}
geoEach.address = null;// 需要解析的地名
geoEach.prototype = {// 解析地名toLatLng : function(address) {// 接收geoEach.address = address;// 执行geocoder解析地名geoEach.geocoder.geocode({// 传入地名'address' : geoEach.address}, function(results, status) {// create divvar newElement = window.document.createElement('p');if (status == google.maps.GeocoderStatus.OK) {// 获取解析后的经纬度var location = results[0].geometry.location;// 切换地图位置geoEach.map.setCenter(location);geoEach.marker.setPosition(location);var latLng = location.toString().substr(1,location.toString().indexOf(')') - 1);// insert innerHTMLnewElement.innerHTML = geoEach.address + ":" + latLng;} else {// insert error innerHTMLnewElement.innerHTML = geoEach.address + ":error" + status;}});}
}
</script>
</head>
<body>
<div id="map_canvas" style="width: 100%; height: 580px"></div>
</body>
</html>

效果图如下：

Google地图API方式查看卫星地图相关推荐

PopupWindow百度地图API普通地图与卫星地图切换
我用的百度地图v4.0.0 要通过PopupWindow实现普通地图与卫星地图切换部分代码借鉴自 http://www.cnblogs.com/mengdd/p/3569127.html 感谢原作者 ...
从百度地图api到我的地图app
从百度地图api到我的地图app 1.了解百度地图api 获取AK(秘钥/百度地图api) 注册和获取秘钥中会遇到的问题: 在android studio上配置百度地图SDK [开发文档链接](htt ...
如何使用谷歌离线API发布谷歌卫星地图
出于保密等原因,有的时候需要发布离线地图进行使用,其中大家第一时间想到的就是使用谷歌的API进行发布,网上也有网友打包了谷歌的API进行离线使用,今天讲解的就是如何使用这个离线的API发布谷歌卫星地图 ...
百度地图API制作类似百度地图的路线导航界面并实现简单的路线规划功能
之前我们讲了怎么在百度地图上设置Marker(如A点..) 和弹出框(跟随Marker的,Marker移动的时候也是会跟着移动的),接着又觉得百度地图自带的放大缩小不(fei)是(chang)很(de ...
html加载百度地图,百度地图API详解之地图API加载方式
本文将向大家介绍百度地图API的两种不同加载方式:同步加载和异步加载. 同步加载这是最常见的加载方式,开发者需要在页面的head标签内添加一个script标签,标签的src属性填写为地图API的地址 ...
怎么查看卫星地图的更新日期？
用户"蓝色天际"的疑问:请问如何查看地图的更新日期? 水经注的解答:在左上角选择地图类型为"谷歌地球"或"历史影像",然后在"卫星 ...
基本农田卫星地图查询_发现谷歌地图替代网站，卫星地图街景功能都能用
众所周知,由于谷歌地图(Google Maps)在国内不能访问,很多人就没有办法通过谷歌地图来获得服务.谷歌地图是目前全球最受欢迎的世界地图网站,在2005年以前,谷歌地图就收录了美国.英国.加拿大三 ...
【百度地图API】多家地图API内存消耗对比测验（带源码）
任务描述: 啊,美妙的春节结束了.酸奶小妹和妈妈的山西平遥之旅也宣告成功!距离平遥古城7km,有一个同样身为"世界文化遗产"的寺庙,叫做"双林寺".双林寺的精致 ...
主流地图api（包括海外地图）的分析以及使用
背景在网站或者手机应用中,经常用到地图api.现在市场不断的涌现各种地图,国内市场当然可以随意使用,除了Google地图之外!因为在一个伟大而神奇的国度,是不允许Google肆意妄为的.尽管如此也不 ...

Google地图API方式查看卫星地图

Google地图API方式查看卫星地图相关推荐

最新文章

热门文章