百度地图常用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); 但是升级后 ...
随机推荐
- 小程序开发-9-Behavior行为与加入缓存系统优化流行页面
Behavior行为与加入缓存系统优化流行页面 navi组件与移动端触碰区域探讨 触碰区域优化 设计师切图切大点,多余部分变成透明色 前端将可触碰区域变大 解决向左箭头变灰,向右变灰 禁用事件的技巧 ...
- RDO与RLO
RDO: 平均误差(SSD/SSE).均方误差(MSE).绝对误差和(SAD).峰值信噪比(PSNR) min D subject to R < Rc 拉格朗日优化(λ为拉格朗日乘子): min ...
- vim 粘贴文本,格式混乱 tab
粘贴的代码如上.修改方法: 方法一: set paste 贴完后,设置 set nopaste 恢复代码缩进. 方法二:修改配置文件 vim /etc/vim/vimrc set pastetoggl ...
- 【blockly教程】第五章 循环结构
在这里,我们将介绍一个新游戏--Pond Tutor 在Pond Tutor(https://blockly-games.appspot.com/pond-tutor)这个游戏中,我们将扮演黄色的鸭子 ...
- 成都Uber优步司机奖励政策(2月24日)
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- OpenCV 3.2 FlannBasedMatcher
#include <iostream> #include <string> #include <boost/timer.hpp> #include "op ...
- 【原创】MyEclipse反编译添加jadclipse_3.3.0 曲折的完美解决
本人QQ:9715234 (java屌丝一枚) 共三部分 一.下载两个文件exe和jar 1.http://nchc.dl.sourceforge.net/project/jadclipse/jadc ...
- cf#512 C. Vasya and Golden Ticket
题目链接 http://codeforces.com/contest/1058/problem/C 这题还是暴力最方便,和的情况最多有n*a[i] 900种把每种都试一遍 #include<b ...
- JAVA基础学习之路(五)数组的定义及使用
什么是数组:就是一堆相同类型的数据放一堆(一组相关变量的集合) 定义语法: 1.声明并开辟数组 数据类型 数组名[] = new 数据类型[长度]: 2.分布完成 声明数组:数据类型 数组名 [] = ...
- (原) MaterialEditor部- UmateriaEditor中 Node编译过程和使用(3)修正
@author: 白袍小道 转载说明原处,爱护劳动 插件同步在GITHUB: DaoZhang_XDZ 说明 1.本篇是接着-----(原) MaterialEditor部- Umat ...