Google地图开发应用(一)
来源:互联网 发布:ff14人族男捏脸数据 编辑:程序博客网 时间:2024/05/08 15:51
最初的android版本使用com.google.android.map.MapView控件来显示Google Map,而且使用MapView控件之前还需要去申请Google Map Key,尽管是免费的,但是还是比较麻烦的。
最新的android版本中可以使用基于Map javaScript API V3 来控制google Map,使用Map javaScript API V3 并不需要申请Google Map key.
下面我来复习一下如何实现基于Map javaScript API V3 来实现Google Map的显示和定位
第一步:首先要加入访问的权限
第二步:用javaScript 来控制google地图
<html><head><meta name="viewport" content="initial-scale=1.0,user-scalable=no"><meta charset="utf-8"><style type="text/css">html,body{height: 100%;margin: 0;padding: 0;}#map_canvas{height:100%;}@media print{html,body{height: auto;}#map_canvas { height:650px;}}</style><scriptsrc="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor="false"></script><script>function initialize(){var mapOptions = {zoom: 15,center: new google.maps.LatLng(41.764998,123.427109),mapTypeId: google.maps.MapTypeId.ROADMAP}var map = new google.maps.Map(document.getElementById('maps_canvas'),mapOptions);var image = 'file://android.asset/flag.png';var myLatLng = new google.maps.LatLng(41.764998,123.427109);var beachMarker = new google.maps.Marker({position:myLatLng,map:map,icon:image})}</script></head><body onlaod="intialize()"><div id="map_canvas></div></body></html>
这是最关键的一步,基于javascript 意味着这套API需要在HTML中使用。它主要完成三个功能:
1.在<div>上显示Google Map
2.定位到某个位置的坐标,并将设置为中心
3.将google map 放大可以看得清目标位置比例
第三步:定义webView控件
第四步:装载Google Map
好了,差不多将Google 地图建好,接下来要做的工作就是将目标位置插上图像标志。将在下一篇更新。
0 0
- Google地图开发应用(一)
- Google地图应用(一)定位
- 百度地图应用开发(一)
- 百度地图应用开发(一)
- Google地图开发(一)——手机环境准备
- Google地图的应用开发分析
- Android开发--地图与定位应用--申请Google地图服务(API Key)
- Android地图应用开发(一)开发前需做的准备
- Android基于LBS的地图开发:(一)Google地图的调用
- google 地图基础应用
- google地图的简易封装(一)
- 网页google地图加载(一)
- google地图整理版(一)
- Android Google地图接入(一)
- 基于Google Maps API的地图应用开发
- google地图开发总结(markerManager)
- 开发Google地图应用程序
- google地图开发心得
- jQuery UI Datepicker精美的日期选择组件
- 中国平安真牛,把中国人寿给替了!!!!
- Struts2配置
- 用Flash Builder 4.6编译的iOS App上传至app store出现的三个问题及解决办法
- 前端开发技术的发展
- Google地图开发应用(一)
- 设计模式
- c/c++ 国外技术博客
- Hacking EV3系列之一:自编iOS app控制EV3之资料收集与分析
- Spring配置
- UNIX 环境下C++编译运行常见错误
- CCNP路由实验之四 动态路由协议之EIGRP
- Longest Collatz sequence
- [标准]SQL的case when then 的使用范例