百度地图JavaScript API v2.0 开发指南详解

需积分: 10 3 下载量 39 浏览量 更新于2024-07-23 收藏 1.74MB PDF 举报
百度地图开发指南文档 百度地图开发指南文档是百度在线网络技术有限公司发布的一份详细的开发指南,旨在帮助开发者快速掌握百度地图JavaScript API的使用和开发。该文档详细介绍了百度地图JavaScript API的功能、使用方法、开发指南、问题解答等方面的内容。 **标题**:百度地图开发指南文档 **描述**:该文档是百度在线网络技术有限公司发布的一份详细的开发指南,旨在帮助开发者快速掌握百度地图JavaScript API的使用和开发。 **标签**:百度地图 **知识点**: 1. **百度地图JavaScript API**:百度地图JavaScript API是百度在线网络技术有限公司提供的一种基于JavaScript的API,允许开发者在Web应用程序中嵌入百度地图。 2. **坐标转换**:坐标转换是指将不同坐标系之间的坐标进行转换,以便在不同的坐标系中使用。百度地图JavaScript API提供了坐标转换的功能,允许开发者轻松地将不同坐标系之间的坐标进行转换。 3. **异步加载**:异步加载是指在Web应用程序中,使用JavaScript异步加载百度地图的方法。这种方法可以提高Web应用程序的响应速度和用户体验。 4. **控件**:控件是指百度地图JavaScript API提供的一种交互式控件,允许开发者在Web应用程序中添加交互式控件,例如缩放控件、比例控件、指南针控件等。 5. **地图初始化**:地图初始化是指在Web应用程序中,使用百度地图JavaScript API初始化地图的过程。该过程包括创建地图容器元素、创建地图实例、设置地图配置等步骤。 6. **地图配置与操作**:地图配置与操作是指在Web应用程序中,使用百度地图JavaScript API配置和操作地图的过程。该过程包括设置地图样式、添加地图控件、设置地图事件等步骤。 7. **问题解答**:问题解答是指在开发过程中,遇到的问题和解决方法的集合。百度地图JavaScript API提供了一个问题解答的章节,旨在帮助开发者快速解决开发过程中的问题。 8. **HelloWorld**:HelloWorld是指一个简单的百度地图应用程序,旨在帮助开发者快速掌握百度地图JavaScript API的使用。 9. **命名空间**:命名空间是指在JavaScript中,使用命名空间来组织代码的方法。百度地图JavaScript API提供了一个命名空间,旨在帮助开发者更好地组织代码。 10. **创建点坐标**:创建点坐标是指在百度地图JavaScript API中,创建一个点坐标的过程。该过程包括设置点坐标的经度、纬度和 altitude 等信息。 11. **地图控件概述**:地图控件概述是指百度地图JavaScript API提供的一种交互式控件的概述,旨在帮助开发者快速掌握地图控件的使用。 12. **自定义控件**:自定义控件是指在百度地图JavaScript API中,允许开发者自定义控件的过程。该过程包括定义构造函数并继承Control类等步骤。 百度地图开发指南文档提供了一个详细的开发指南,旨在帮助开发者快速掌握百度地图JavaScript API的使用和开发。
2012-10-19 上传
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" /> <meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" /> <title>百度地图API自定义地图</title> <!--引用百度地图API--> <style type="text/css"> html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} </style> [removed][removed] </head> <body> <!--百度地图容器-->
</body> [removed] //创建和初始化地图函数: function initMap(){ createMap();//创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 } //创建地图函数: function createMap(){ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var point = new BMap.Point(116.395645,39.929986);//定义一个中心点坐标 map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中 window.map = map;//将map变量存储在全局 } //地图事件设置函数: function setMapEvent(){ map.enableDragging();//启用地图拖拽事件,默认启用(可不写) map.enableScrollWheelZoom();//启用地图滚轮放大缩小 map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写) map.enableKeyboard();//启用键盘上下左右键移动地图 } //地图控件添加函数: function addMapControl(){ //向地图中添加缩放控件 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); map.addControl(ctrl_nav); //向地图中添加缩略图控件 var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); map.addControl(ctrl_ove); //向地图中添加比例尺控件 var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); map.addControl(ctrl_sca); } initMap();//创建和初始化地图 [removed] </html>