Google地图开发应用（一）
最初的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>
<script
src="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 地图建好，接下来要做的工作就是将目标位置插上图像标志。将在下一篇更新。