查看:6222|回复：1
用js加载进来的1.3版本的百度地图
怎么使用TrafficControl（）方法
rttCtrl = new BMapLib.TrafficControl();
bdMap.addControl(rttCtrl);
//////////////////////显示隐藏控制///////////////////////////////
if( hasRTT ){// 没有实时路况
rttCtrl.hideTraffic();
var date_obj = new Date();
// alert( &date_obj.getUTCHours() = & + date_obj.getHours() + &&&&&&&&&getDay() = & + date_obj.getDay() );
rttCtrl.showTraffic( { predictDate : { hour:date_obj.getHours(), weekday : ( date_obj.getDay() == 0 ) ? 7 : date_obj.getDay() } } );
热心广援,要是加点说明就更好了 ...16660人阅读
java（59）
&摘要&你将在第一章中学会以下知识：
如何创建一个网页文件怎样利用百度地图API建立一张2D地图，以及3D地图如何添加对地图进行鼠标和键盘操作的功能
-------------------------------------------------------------------------------------------------------------------
一、创建网页文件
粘贴以下代码至记事本中，保存文件为bank1-1.htm文件。
点击运行程序。&
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&酸奶小妹——百度地图API学习&/title&
在这里填入你的地图程序
二、使用百度地图API建立一张简单的地图
&1、引用API的js，放置bank1-1.htm的&head&&/head&中
v=1.1这是API的版本，表明是1.1版本的。
sercices=false是指，不开启地图服务，例如公交驾车查询等。
&script type=&text/javascript& src=&http://api./api?v=1.1&services=false&&&/script&
2、设置地图容器的样式，放置&head&&/head&中
制定容器高度后，方能显示出地图。
&style type=&text/css&&
html{height:100%}
body{height:100%;margin:0padding:0px}
#milkMap{height:100%}
你还可以自己规定容器的高度、宽度，边框颜色等。比如
&style type=&text/css&&
html{height:100%}
body{height:100%;margin:0padding:0px}
#milkMap{height:400width:600border:1}
&3、在&body&&/body&中放置地图容器
说明：id号是唯一的，在创建地图的js中，要与此id对应起来。
&div id=&milkMap&&&/div&
&4、在&/body&&/html&中放置自己的js
创建地图使用new BMap.Map，创建点使用new BMap.Point。
创建地图需要设置地图中心点，与地图级别。1级最大，能看见全球；18级最小，最详细。
其中地图级别的对应关系为，4级-国； 8级-省， 12级-市， 18级-街道。
&script type=&text/javascript&&
var map = new BMap.Map(&milkMap&);
// 创建地图实例
var point = new BMap.Point(116.404, 39.915);
// 创建点坐标
map.centerAndZoom(point, 15);
// 初始化地图，设置中心点坐标和地图级别
4、一张2D地图就创建完毕了。接下来，你可以运行你的地图程序。
点击运行程序。
三、制作3D地图
使用&设置3D地图，需要首先设置当前城市。
目前，只支持北上广深四个城市的3D图。
点击运行程序。
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&酸奶小妹——百度地图API学习&/title&
&style type=&text/css&&
html{height:100%}
body{height:100%;margin:0padding:0px}
#milkMap{height:400width:600border:1}
&script type=&text/javascript& src=&http://api./api?v=1.1&services=false&&&/script&
&div id=&milkMap&&&/div&
&script type=&text/javascript&&
var map = new BMap.Map(&milkMap&);
// 创建地图实例
var point = new BMap.Point(116.404, 39.915);
// 创建点坐标
map.centerAndZoom(point, 18);
// 初始化地图，设置中心点坐标和地图级别
map.setMapType(BMAP_PERSPECTIVE_MAP);
//修改地图类型为3D地图
map.setCurrentCity(&北京市&);
//设置当前城市
四、添加对地图进行鼠标和键盘操作的功能
开启滚轮缩放功能，该功能默认是禁用的。
&关闭双击放大功能,该功能默认是开启的。
enableScrollWheelZoom();
//开启滚轮缩放功能
disableDoubleClickZoom();
//关闭双击放大功能
开启键盘操作功能，该功能默认禁用。
键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home和End键会使地图平移其1/2的大小。+、-键会使地图放大或缩小一级。
enableKeyboard();
//开启键盘操作功能
下面我们来看一下完整的程序。点击运行程序。
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&酸奶小妹——百度地图API学习&/title&
&style type=&text/css&&
html{height:100%}
body{height:100%;margin:0padding:0px}
#milkMap{height:400width:600border:1}
&script type=&text/javascript& src=&http://api./api?v=1.1&services=false&&&/script&
&div id=&milkMap& style=&float:&&&/div&
&div style=&float:width:400&&
&p&开启滚轮缩放&/p&
&p&关闭双击放大&/p&
&p&开启键盘操作&/p&
&p&说明:键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home和End键会使地图平移其1/2的大小。+、-键会使地图放大或缩小一级。&/p&
&script type=&text/javascript&&
var map = new BMap.Map(&milkMap&);
// 创建地图实例
var point = new BMap.Point(116.404, 39.915);
// 创建点坐标
map.centerAndZoom(point, 18);
// 初始化地图，设置中心点坐标和地图级别
map.setMapType(BMAP_PERSPECTIVE_MAP);
//修改地图类型为3D地图
map.setCurrentCity(&北京市&);
//设置当前城市
map.enableScrollWheelZoom();
//开启滚轮缩放功能
map.disableDoubleClickZoom();
//关闭双击放大功能
map.enableKeyboard();
//开启键盘操作功能
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：794777次
积分：8232
积分：8232
排名：第1644名
原创：53篇
转载：331篇
评论：64条
(2)(1)(3)(2)(5)(2)(2)(3)(2)(1)(3)(7)(3)(2)(2)(8)(11)(14)(11)(3)(15)(21)(7)(11)(28)(11)(33)(1)(1)(2)(23)(4)(5)(4)(5)(3)(6)(20)(49)(5)(40)(3)您所在的位置： &
详解百度地图API之地图操作
详解百度地图API之地图操作
本文专门介绍与地图操作相关的接口。希望大家能更多的了解百度地图API。
首先我们来看看百度地图API都提供了哪些操作方式：
鼠标拖拽移动
鼠标双击缩放
鼠标滚轮缩放
移动平台：
单指拖拽移动
单指双击放大
双指移动缩放
默认情况下，地图支持鼠标拖拽以及双击缩放（双击鼠标左键放大一级，双击鼠标右键缩小一级）操作。如果需要开启鼠标滚轮支持需要调用这个接口：
map.enableScrollWheelZoom();&&
键盘控制默认也是不开启，开启后按键+和-分别让地图放大或缩小一级，PgUp、PgDn、Home、End键则会让地图向下、上、右、左四个方向移动一段距离。&、&、&、&四个健可以使地图在四个方向上移动，另外这个也可以组合使用，比如同时按住&和&，地图就会往右下方移动，目的是让你看到左上方区域的图像。开启键盘操作需要调用如下接口：
map.enableKeyboard();&
为了让用户获得更好的体验，建议开启连续缩放效果和惯性拖拽效果：
map.enableContinuousZoom();&&map.enableInertialDragging();　&
这样，地图缩放就会有一个动画效果，拖拽结束后地图还会根据移动距离和速度产生一个惯性效果。
在移动端，所有的操作默认都是开启的，但是通过接口也可以进行配置。
原文链接：/jz1108/archive//2194444.html
【编辑推荐】
【责任编辑： TEL：（010）】
关于的更多文章
本专题将帮助大家做好百度地图API的开发。百度地图API是一套由Ja
网友评论TOP5
作为移动开发者，WOT2016移动互联网技术峰会，绝对有你不得不来的理由。
专题主要分享了2012年上半年开发频道发生的那些重大的
每个程序员都是从大学毕业生一步一步走过来的，没有一
Spring是java平台上的一个开源应用框架。它的第一个版
本书是关于如何使用已有的密码技术和算法对数据库中存储的信息进行保护的书，书中所关注的内容主要是如何设计、建立（或者挑选、
51CTO旗下网站&&完java web端页面上输入别人的手机号,该页面如何实现百度地图显示该手机的位置坐标1.用户在javaweb端的页面上输入别人的手机号2.web端自动发送短信到当前输入手机号的手机上,索要该手机的地理位置坐标3.手机端发送经纬度坐标到数据库中4.web端从数据库中获取该手机号对应的经纬度坐标,经过坐标修偏后,显示出真实的百度地图位置5.百度API我有,可是连贯起来怎么做,我想要的是例子,包括android端的开发20个牛币所有回答列表(3)&LV4有很多开源的图片api可以让第三方app调用。百度搜索：如果你开发客户端app的话本身也可以通过第三方的地理位置服务得到用户的坐标，不需要用户输入，另外用户怎么知道自己的坐标呢？最佳答案web通过得到的经纬度,通过api的方式传给百度地图,定位到地图位置&LV1路过。。。。等等等等等等等等完等等等最热搜索问答话题编程语言基础Web开发数据库开发客户端开发脚本工具游戏开发服务器软硬件开源组件类库相关问答等等等等等等等等等等完等最近浏览暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友commonPeople 的BLOG
用户名：commonPeople
文章数：19
访问量：46618
注册日期：
阅读量：5863
阅读量：12276
阅读量：325244
阅读量：1034540
51CTO推荐博文
关于如何在网页中加入百度地图，其实并没有想象中那么复杂，因为，这是一个开源的时代。下面简单介绍一下如何在网页中加入百度地图。为什么是简单介绍一下呢？因为是真的很简单&&
一、打开地图生成器
这个地址不好找，建议大家添加到收藏夹，百度地图生成器/wiki/static/map/API/tool/creatMap/
650) this.width=650;" height="333" alt="如何在网页中加入百度地图&&51CTO提醒您，请勿滥发广告!钱姜江" width="520" border="0" src="/.gif" />
二、创建地图
1.定位中心点，默认为北京，点击切换，输入公司的具体所在城市和具体地址。这个时候，地图会切换到该地点范围内。
2.设置地图，这一点基本上不用管，只用适当的设置下宽度和高度即可。
3.添加标注，其实网站建设者未必知道该企业的准确位置，往往不知道该标在哪。这时候，我们可以打开/ ，查询到详细坐标，标注上去。这个标记图标是可以换的，根据自己喜欢来设置吧。记得标注完以后输入名称和备注。
650) this.width=650;" height="336" alt="如何在网页中加入百度地图&&51CTO提醒您，请勿滥发广告!钱姜江" width="520" border="0" src="/.gif" />
三、获取代码
获取代码就很简单了，点击黄色的按键，直接复制代码。
四、加入网站
将该代码加入到网站源码合适的地方，比如&联系我们&这个页面，51CTO提醒您，请勿滥发广告!老钱的习惯是单独为它做一个页面，名字叫做电子地址。
650) this.width=650;" height="364" alt="如何在网页中加入百度地图&&51CTO提醒您，请勿滥发广告!钱姜江" width="520" border="0" src="/.gif" />
钱姜江提供，地址：，转载请注明！
了这篇文章
类别：┆阅读(0)┆评论(0)