百度地图常用2.0使用以及调用js
/**
* 生成一条路线
* @param {Object} baiduMap 百度地图的 map对象
* @param {Object} lineColor 线路颜色
* @param {Object} startPoint 起点Point对象
* @param {Object} endPoint 结束点Point对象
*/
function searchRoadLine(baiduMap,lineColor,startPoint,endPoint){
//实例化一个驾车导航用来生成线路
var drv = new BMap.DrivingRoute(baiduMap,{
onSearchComplete : function(res){
if (drv.getStatus()== BMAP_STATUS_SUCCESS) {
var plan = res.getPlan(0);
var arrPois=[];
for (var j=0;j<plan.getNumRoutes();j++) {
var route=plan.getRoute(j);
arrPois=arrPois.concat(route.getPath());
}
//#17BF00 绿色
var polyline=new BMap.Polyline(arrPois,{strokeColor : lineColor});
baiduMap.addOverlay(polyline);
}
}
});
drv.search(startPoint, endPoint);
} /**实时路况的数组*/
var polylineArray = new Array();
/**数组长度*/
var paLength=0;
/**
* 生成实时路况
* @param {Object} baiduMap
* @param {Object} lineColor
* @param {Object} points
*/
function realRoadStatus(baiduMap,lineColor,points){
//实例化一个驾车导航用来生成线路
var drv = new BMap.DrivingRoute(baiduMap,{
onSearchComplete : function(res){
if (drv.getStatus()== BMAP_STATUS_SUCCESS) {
var plan = res.getPlan(0);
var arrPois=[];
for (var j=0;j<plan.getNumRoutes();j++) {
var route=plan.getRoute(j);
arrPois=arrPois.concat(route.getPath());
}
//#17BF00 绿色
var polyline=new BMap.Polyline(arrPois,{strokeColor : lineColor});
baiduMap.addOverlay(polyline);
polylineArray[paLength]=polyline;
paLength++;
}
}
});
for (var i=0;i<points.length-1;i++) {
drv.search(points[i],points[i+1]);
}
} /**
* 点集合生成一条折线
* @param {Object} baiduMap 百度的Map图层
* @param {Object} lineColor 折线的颜色
* @param {Object} points 点集合
*/
function searchPolylineArray(baiduMap,lineColor,points){
var polyline = new BMap.Polyline(points,{strokeColor:lineColor, strokeWeight:2, strokeOpacity:0.5});
baiduMap.addOverlay(polyline);
return polyline;
} /**
* 创建一个地图弹出框
* @param {Object} marker 点击Mark弹出对话框
* @param {Object} htmlContent 对话框的html
*/
function createMapWinInfo(marker,htmlContent){
var infoWindow = new BMap.InfoWindow(htmlContent);
marker.addEventListener("click", function(){
this.openInfoWindow(infoWindow);
});
} /**
* 创建一个地图弹出框带 标题栏
* @param {Object} marker 覆盖物
* @param {Object} width 信息栏的宽
* @param {Object} height 信息栏的高
* @param {Object} title 信息栏的主题
* @param {Object} htmlContent 主要内容
*/
function createMapWinInfoTitle(marker,width,height,title,htmlContent){
var opts = {
width : width, // 信息窗口宽度
height: height, // 信息窗口高度
title : title , // 信息窗口标题
enableMessage:false, //设置允许信息窗发送短息
}
var infoWindow = new BMap.InfoWindow(htmlContent, opts); // 创建信息窗口对象
marker.addEventListener("click", function(){
this.openInfoWindow(infoWindow); //开启信息窗口
});
} /**
* 创建一个标注
* @param {Object} baiduMap 百度地图
* @param {Object} imageUrl 图片的Url
* @param {Object} withed 图片的宽
* @param {Object} height 图片的高
* @param {Object} point Mark的位置
*/
function createMarker(baiduMap,imageUrl,withed,height,point){
var myIcon= new BMap.Icon(imageUrl,new BMap.Size(withed,height));
var marker = new BMap.Marker(point,{icon:myIcon});
baiduMap.addOverlay(marker);
return marker;
}
/**
* 通过经纬度创建一个标注
* @param {Object} baiduMap 百度地图
* @param {Object} imageUrl 图片的Url
* @param {Object} withed 图片的宽
* @param {Object} height 图片的高
* @param {Object} lgt Mark的经度
* @param {Object} lat Mark的纬度
*/
function createMarkerlgtlat(baiduMap,imageUrl,withed,height,lgt,lat){
var point = new BMap.Point(lgt,lat);
var myIcon= new BMap.Icon(imageUrl,new BMap.Size(withed,height));
var marker = new BMap.Marker(point,{icon:myIcon});
baiduMap.addOverlay(marker);
return marker;
} /**
* 创建一个点
* @param {Object} lgt 点的经度
* @param {Object} lat 点的纬度
*/
function createPoint(lgt,lat){
var point = new BMap.Point(lgt,lat);
return point;
}
/**
* 移除地图上的覆盖物
* @param {Object} baiduMap
* @param {Object} obj
*/
function removeMapOverlay(baiduMap,obj){
baiduMap.removeOverlay(obj);
} /**
* 移除地图上所有的覆盖物
* @param {Object} baiduMap
*/
function removeMapOverlays(baiduMap){
baiduMap.clearOverlays();
} /**
* 设置中心点
* @param {Object} baiduMap
* @param {Object} point 点或者城市名称
*/
function setBMapCenter(baiduMap,point){
baiduMap.setCenter(point);
} /**
* 初始化百度地图
* @param {Object} lgt 初始化坐标点的经度 纬度
* @param {Object} lat
*/
function createBMap(lgt,lat){
var baiduMap=new BMap.Map("allmap",{enableMapClick:false});//关闭底图可点功能
var point = new BMap.Point(lgt,lat);
baiduMap.centerAndZoom(point, 14);
baiduMap.enableScrollWheelZoom(true); //启动滚轮放大缩小功能
return baiduMap;
}
/**
* 初始化百度地图
* @param {Object} cityName 城市名称
*/
function createBMapCity(cityName){
var baiduMap=new BMap.Map("allmap",{enableMapClick:false});//关闭底图可点功能
baiduMap.centerAndZoom(cityName, 13);
baiduMap.enableScrollWheelZoom(true); //启动滚轮放大缩小功能
return baiduMap;
}
百度地图常用2.0使用以及调用js的更多相关文章
- Android 百度地图 SDK v3.0.0 (四) 引入离线地图功能
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/37758097 一直觉得地图应用支持离线地图很重要啊,我等移动2G屌丝,流量不易, ...
- iOS第三方地图-百度地图常用功能使用(POI搜索,地理正反编码,定位,添加标注)
百度地图官网: http://developer.baidu.com/map/index.php?title=iossdk 百度地图集成 1.引入相关包
- Android 百度地图 SDK v3.0.0 (四) 离线地图功能介绍
转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/37758097 一直认为地图应用支持离线地图非常重要啊.我等移动2G屌丝,流量不易 ...
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/37737213 上篇博客已经实现了地图的定位以及结合了方向传感器用户路痴定位方向, ...
- Android 百度地图 SDK v3.0.0 (三) 加入覆盖Marker与InfoWindow使用
转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/37737213 上篇博客已经实现了地图的定位以及结合了方向传感器用户路痴定位方向, ...
- 获取ip ,百度地图坐标点 和 在 后台调用 url()
protected void getip() { string ips = HttpContext.Current.Request.UserHostA ...
- Android应用之——百度地图最新SDK3.0应用,实现最经常使用的标注覆盖物以及弹出窗覆盖物
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/yanglfree/article/details/33333413 一.概述 最新版的百度地图SDK ...
- Android 百度地图 SDK v3.0.0 (一)
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/37729091 最近公司要把百度地图集成的项目中,于是我就研究了一天百度地图的SD ...
- android 百度地图v3.2.0获取实际地址
百度地图升级到v3.2.0后,api发生挺大的变化的,但是下载的Demo却不是最新版本的. 在v3.2.0之前获取详细地址只要:option.setIsNeedAddress(true); 但是升级后 ...
随机推荐
- jsp内置的对象【jsp可用数据容器】
jsp的内置对象用法:可以存放数据进去,本身页面可以调用,发生页面请求时,请求目标可以调用 理解:jsp就是一个大容器,有请求,响应等内置对象,会话需要从请求容器中提取 请求中内置session,发出 ...
- BZOJ1066_蜥蜴_KEY
题目传送门 经过长时间的旅行,很长时间没写过博客了,这次把上次WA的题目过了. 由于每次蜥蜴从石柱上跳下时,石柱的高度会-1,可以看做占了一格的流量. 建图: 1.建超级源和超级汇,设超级源连到每只蜥 ...
- UPA深度性能报告解读
WeTest 导读 UPA作为腾讯WeTest与Unity官方联合打造的客户端性能分析工具,为开发者提供了极大的便利和效能提升.产出的分析报告内容详尽,但您是否真的读懂了报告?是否了解每项数据的含义? ...
- hdu2099整除的尾数(暴力 省赛)
整除的尾数 Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submi ...
- [转]JS私有化的实现——稳妥构造函数
所谓稳妥对象, 指的是没有公共属性, 而且其方法也不引用this的对象.稳妥对象函数遵循与寄生构造函数类似的模式, 但有两点不同: 一是新创建对象的实例方法不引用this: 二是不使用new操作符调用 ...
- 基于Python的接口自动化
第一步 Python的安装配置 打开官网: https://www.python.org/downloads/ 目前官网上已经更新到3.6.1啦,有两个版本,大家可以按自己喜欢的去下载,我自己选择的是 ...
- win7下本地运行spark以及spark.sql.warehouse.dir设置
SparkSession spark = SparkSession .builder() .master("local[*]") .enableHiveSupport() .con ...
- springMVC第二章
springMVC第二章 一.URL 映射 可以同时设置多个URL来访问某个控制器或方法.设置value属性: @RequestMapping(value= {"/grade",& ...
- 您的下个中文网站可以使用的5个高质量中文Webfont
你有没有考虑为什么中文网站的版式风格不像大多数现代英文网站那样丰富?您想了解如何让您的下一个中文网站项目更吸引用户的眼球么?继续往下读吧…… 根据Smashing Magazine进行的一项调查显示 ...
- 小程序之web-view打开外部链接
小程序之web-view - 传送门 web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外类型的小程序暂不支持使用. 一:小程序使用web-view打开链接的前 ...