Google Maps API --1.Load Google Map
2011-10-28 20:44
435 查看
<html> <head> <title>Load Google Map</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></script> <script type="text/javascript"> function load(){ //检查浏览器的兼容性. if (GBrowserIsCompatible()) { //加载地图 var map=new GMap2(document.getElementById("mapCanvas")); //设置地图的中心坐标.(GLatLng(经度,纬度),Zoom Leavel) //Zoom Leavel(MaxValue=1,数值越大 Zoom Leavel 越小) map.setCenter(new GLatLng(39.990168, 116.295304), 5); // map.setCenter(new GLatLng(23.352697196375434, 103.4267520904541),18); } } </script> </head> <body onload="load()" onunload="GUnload()"> <!-- 地图画板 --> <div id="mapCanvas" style="width:800px; height:600px"></div> </body> </html>
2.设置地图的通用属性
(1)map.continuousZoomEnabled()--判断地图是否支持连续缩放;
map.enableContinuousZoom() / map.disableContinuousZoom() 方法来切换是否可连续缩放;
(2)滚轮缩放——map.enableScrollWheelZoom() / map.disableScrollWheelZoom()
(3)双击缩放——map.enableDoubleClickZoom() / map.disableDoubleClickZoom()
(4)地图拖动(默认)—— draggingEnabled() 判断地图是否可以拖动,enableDragging()/ disableDragging()
(5)信息窗口——地图可以弹出一个泡状的标注,以此来显示信息;infoWindowEnabled()判断,enableInfoWindow() /disableInfoWindow
(6)添加搜索栏
3.地图类型
map.setMapType(G_SATELLIFE_MAP); //修改地图类型为卫星地图
混合地图——G_HYBRID_MAP 默认值——G_NOMAL_MAP
相关文章推荐
- Google Map API使用详解(六)——Google Map API Key的解读和使用技巧
- Google Map API和百度地图API用于地理编码
- Google Map API如何自动缩放级别教程
- Google Map API使用详解(十二)——如何在自己的网页中嵌入地图
- Google Map API
- jdk 1.7 申请android google map API key
- Google Map API 学习三
- Android Google Map API使用的八个步骤
- 安装Google Map API
- google Map APi学习与总结(二)
- 用C#创建一个封装Google Map API的GoogleMap Web服务器控件(二) (转)
- Google Map API(JavaScript) V3.0简介
- Android Google Map实例 - MD5 、Google Map API Key获取(Android mapview)
- Delphi中调用google map api
- 申请 google map api key 提示 您输入的指纹无效。请按浏览器上的“返回”按钮,
- keytool输出sha1,造成Google Map API Key无法获取的解决办法
- Google Map API使用详解(七)——加载Google Map API URL的详细解读
- 关于google map api中的球平投影算法接口: GProjection和GMercatorProjection类
- Google Map API使用详解(十三)——使用Google Map API实现自定义控件
- GPS定位纬度,经度后,通过GOOGLE MAP API解析出地址