第二步：设置地图，大家可以对网站显示地图的宽高进行设置，其余选项不动。
第三步：添加标注。点击第一个图标后，在右侧找到自己的位置，单击鼠标左键可定拆山位。标记图标处可更换图标形状，名称和备注填入位置相关信息。
第四步：获取代码。将代码贴到你的网页里就OK了。代码如下：
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"><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:0padding:0} .iw_poi_title {color:#CC5522font-size:14pxfont-weight:boldoverflow:hiddenpadding-right:13pxwhite-space:nowrap} .iw_poi_content {font:12px arial,sans-serifoverflow:visiblepadding-top:4pxwhite-space:-moz-pre-wrapword-wrap:break-word}</style><script type="text/javascript" src="<a href="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script">http://api.map.baidu.com/api?key=&v=1.1&services=true"></script</a>></head></p>< p><body> <!--百度地图容器--> <div style="width:697pxheight:550pxborder:#ccc solid 1px" id="dituContent"></div></body><script type="text/javascript"> //创建和初始余御笑化地图函数：function initMap(){ createMap()//创建地图setMapEvent()//设置地图事件addMapControl()//向地图添加控件} //创建地图函数：function createMap(){ var map = new BMap.Map("dituContent")//在百度地图容器中创建一个地图var point = new BMap.Point(113.116257,27.822879)//定义一个中心点坐标map.centerAndZoom(point,17)//设定地图的中心点和坐标并将地图显示在地图容器中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()//创建和初始化地图</script></html>
第尘枣乎一步：电脑下载离线地图包
第二步：将离线地图包通过itunes导入手机
1、把iPhone与电脑相连，打开电脑上的iTunes，选择您的设备，点击上方菜单中的“应用程序”，如图：
2、找到此页面下方“文件共享”功能，选中“百度地图”，点击“添加”，选择您之前在官网下载的离线地图包（zip），如图：
第三步：解压、安装离线地图包
1、如果您使用iTunes导入离线地图包时，程序是关闭状态：导入添加完成后，打开岩梁程序，按照d出提示解压、安装离线地图包；
2、如果您使用iTunes导入离线地图包时，程序派悉是开启状态：导入添加完成后，点击“离线地图”页面右上方“”按钮，在d出选择框中选择“手动导入离线地图”，如图：
之后按照d出提示解压、安装离线地图包即可。
打开app下载，在搜索框中输入百度地图，查找
安装后，点击左侧的“离线资源”可以看到各大城市的列表，选中所在的城市，所需要导航使用的城市，下载其地图包。
导入后，即可使用百度地图的“离线功能”，这样即使在没有网络的情况下，可以查看地图信息，查询公交线路实用功能。
百度地图功能介绍：
智能语音：
用户打开百度地图只需喊出“小度小度”便能唤起智能语音功能，全程实现查询相关POI(地理位置信息点)，查询并切换路线，以及添加途经点、起点和终点等功能语音 *** 作，全语音 *** 作全部核心出行能力。
实时路况：
百度地图实时路况覆盖全国主干道，拥堵准确率高达99%，每分钟更新一次拥堵状况；路况预测功能，查看未来1小时内路况帮你“还原”未来；实景路况功能使路况呈现更直观，路况一看即知；实时上报可支持实时拥堵情况、交通事件等上报，反馈结果第一时间呈现于地图，让用户共享出行信息。
行程助手：
百度地图行程助手功能，向用户提供基于大数据的“智能出行推荐、行程规划”服务、基于云计算的贴心 “出行提醒”服务、基于用汪李户画像的个性化“出行参考信息”服务。每日服务百万用户，帮助节省十万余小时的出行时间。
智行：
是百度地图业内首家推出的功能，跨越了传统地图导航中以交通方式规划路线的局限，在“打车+地铁”混合算路的基础上，百度地图又新增了“骑行+地铁”混合算路，并在全国上线。
4K地图：
高清4K地图还原真实道路，停车位、斑马线一目了然；或键3D地图三维立体呈现复杂道路环境，立交桥，高架环路导航更直观衫陵巧，驾驶不“烧脑”；室内场景更精细化，用户可及时获取楼层导览、室内分布、商铺详情等信息。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）