android百度地图画圆,使用百度地图Api,在地图上画圆形区域
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
圆形区域搜索
var map = new BMap.Map("allmap"); // 创建Map实例
var mPoint = new BMap.Point(102.752495, 25.047873);
map.enableScrollWheelZoom();
map.centerAndZoom(mPoint, 14);
setMapEvent();
addMarker(mPoint, 0);
var circle = new BMap.Circle(mPoint, 5000, { //半径为5公里圆
fillColor: "blue",
strokeWeight: 1,
fillOpacity: 0.1,
strokeOpacity: 0.1
});
var circle1 = new BMap.Circle(mPoint, 7500, { //半径为7.5公里圆
fillColor: "red", //颜色
strokeWeight: 2, //边框宽带
fillOpacity: 0.1,
strokeOpacity: 0.1
});
map.addOverlay(circle);
map.addOverlay(circle1);
var local = new BMap.LocalSearch(map, {
renderOptions: {
map: map,
autoViewport: false
}
});
var bounds = getSquareBounds(circle.getCenter(), circle.getRadius());
var bounds1 = getSquareBounds(circle1.getCenter(), circle1.getRadius());
function setMapEvent() {
map.enableScrollWheelZoom();
map.enableKeyboard();
map.addControl(new BMap.NavigationControl({
type: BMAP_NAVIGATION_CONTROL_SMALL
})); //添加默认缩放平移控件
}
//local.searchInBounds("餐馆",bounds);
/**
* 得到圆的内接正方形bounds
* @param {Point} centerPoi 圆形范围的圆心
* @param {Number} r 圆形范围的半径
* @return 无返回值
*/
function getSquareBounds(centerPoi, r) {
var a = Math.sqrt(2) * r; //正方形边长
mPoi = getMecator(centerPoi);
var x0 = mPoi.x,
y0 = mPoi.y;
var x1 = x0 + a / 2,
y1 = y0 + a / 2; //东北点
var x2 = x0 - a / 2,
y2 = y0 - a / 2; //西南点
var ne = getPoi(new BMap.Pixel(x1, y1)),
sw = getPoi(new BMap.Pixel(x2, y2));
return new BMap.Bounds(sw, ne);
}
//根据球面坐标获得平面坐标。
function getMecator(poi) {
return map.getMapType().getProjection().lngLatToPoint(poi);
}
//根据平面坐标获得球面坐标。
function getPoi(mecator) {
return map.getMapType().getProjection().pointToLngLat(mecator);
}
function addMarker(point, c) {
map.clearOverlays();
var b = new BMap.Icon("Images/markers.png", new BMap.Size(23, 25), {
offset: new BMap.Size(10, 25),
imageOffset: new BMap.Size(0, 0 - c * 25),
infoWindowAnchor: new BMap.Size(12, 0)
});
var marker = null;
if (c >= 0) {
marker = new BMap.Marker(point, {
icon: b
});
} else {
marker = new BMap.Marker(point);
}
map.addOverlay(marker);
marker.addEventListener("click",
function(e) {
showPointInfo(0, mPoint, "王大桥", "王大桥公交站点");
});
}
//点击列表,地图打开气泡
function showPointInfo(index, poi, title, addr) {
var title = '' + title + '';
var html = [];
html.push('地址信息:' + addr + '
');
var Icon = new BMap.Icon("Images/markers_new.png", new BMap.Size(30, 45), {
offset: new BMap.Size(0, 20),
imageOffset: new BMap.Size(30, -70)
});
var opts = {
width: 250,
height: 0,
title: title
}
var point = new BMap.Point(poi.lng, poi.lat);
var infoWindow = new BMap.InfoWindow(html.join(""), opts);
map.openInfoWindow(infoWindow, point);
}
android百度地图画圆,使用百度地图Api,在地图上画圆形区域相关推荐
- tablueau地图标记圆形_高德/百度地图画圆标记
在地图上绘制圆形搜索范围,形象展示查询效果 第一种方法:简单在线查询 随便打开一家公司的地图: 以故宫为例,搜索找到目的地,右击或者在左侧菜单里找到搜周边: 在搜索框随便搜个啥,这里就搜个狗吧,输入后 ...
- 百度地图画圆:动态绘制显示圆半径
百度地图画圆:动态绘制显示圆半径 在开发百度地图时,项目需要借助画圆工具框选地图上的点,原始画圆工具可以通过 enableCalculate() 方法获取框选区域面积,进而可以计算圆的半径. ...
- php网页地图上自定义,网页嵌入百度地图和使用百度地图api自定义地图的详细步骤...
在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击 ...
- python + 高德地图API实现地图找房
python + 高德地图API实现地图找房 项目简介:根据工作地点信息和58同城爬取的租房信息,通过高德地图进行显示,同时利用高德API自动规划房源到工作地点的通勤路线(公交+地铁) 项目仓库:ht ...
- Android中应用百度地图API开发地图APP实例-显示百度地图
场景 效果 在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY http://lbsyun.baidu.com/index.php 申请API_KEY 登录百度开放平台后找到控制台下 ...
- android应用控制百度地图,Android中应用百度地图API开发地图APP实例-显示百度地图...
场景 效果 在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY 申请API_KEY 登录百度开放平台后找到控制台下的应用管理-创建应用 依次输入应用名,应用类型选择Android S ...
- 百度地图画圆、画扇形、画多边形、画点
最近接到一个任务,即如可视化空域展示. 即需要在地图上展示出线.多边形.扇形和圆. 效果如下 代码如下 <!DOCTYPE html> <html lang="zh&quo ...
- python 百度地图api热力图_【热力图】区域地图热力图,百度地图api
最简单的地图热力图,用的是百度的api,所以取经纬度的时候最好也用百度地图. 这里已经填好百度api的key了,但还是建议大家注册使用自己的key,因为有每日额度,超过访问次数了就不可用了. 效果展示 ...
- 百度地图API实现地图应用
企业官网上需要用到地图应用,这里对百度地图API的使用做点笔记,好记性不如烂笔头. 实现地图应用的流程如下: 1.获取密钥:教程网址 https://jingyan.baidu.com/article ...
最新文章
- SAP Basis DEBUG改表数据权限角色设计
- linux下redis安装教程,linux下安装配置redis图文详解
- 解开一个困扰自己多时的小问题
- python登录网页账号密码_Python 通过爬虫实现GitHub网页的模拟登录的示例代码
- mybatis无mapper.xml用法
- Java基础——组合关系
- same things betewen university and companies
- python 实现装饰器设计模式
- matlab图像的主视图,求助大佬【如用MATLAB实现满足投影关系的三视图】
- [恢]hdu 2042
- 阶段3 2.Spring_06.Spring的新注解_4 spring的新注解-Import
- Verilog HDL(二):行为级建模的结构(initial和always)、begin、fork、时间控制
- 征途服务器维护时间,《征途》服务器重组几大怪现象
- ES集群不通,日志报[node-3] not enough master nodes discovered during pinging (found [[Candidate{node={node-3
- php codeigniter 教程,CodeIgniter操作教程
- WorkPlus协同办公系统的优势有哪些?
- Shopee关键词广告投放策略解析-马六甲erp
- FlashFXP,怎么使用flashfxp
- vue插槽的理解 slot slot-scop,三种插槽方式,默认插槽,具名插槽,作用域插槽
- PhalAPI学习笔记拓展篇 ———ADM模式中NotORM实现简单CURD
热门文章
- for循环后面跟分号 - for (i = 0; i = 3; i++);这不是错误语句
- 为什么win32k.sys在System进程空间无法访问
- java读取CAD(dxf)文件(获取layer,block,entity)
- 性能之巅:洞悉系统、企业与云计算——文件系统
- 【Houdini19】下载安装教程,已成功
- 大学毕业论文如何降低查重率?
- CAT翻译软件真的是翻译神器吗?
- LC正弦波振荡器【高频电子线路】【Multisim】
- 从0到1搭建一个Spring Boot项目【第一个接口】
- 明哥复习MyBatis(1)