百度地图自定义鼠标绘制工具栏样式

2024-11-05

百度地图API示例：鼠标绘制点线面控件修改

需求 :在使用地图API时,绘制工具栏控件想自己选择哪些要,哪些不要. 可以查看相应的类:官网地址: http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html#constructor {Map} map Baidu map的实例对象 {Json Object} opts 可选的输入参数,非必填项.可输入选项包括:{"isOpen" : {Boolean} 是否

ueditor富文本编辑器使用百度地图自定义动态地图组件及兼容https及http协议

ueditor富文本编辑器默认支持百度地图组件,但是如果导入动态地图后会加很多默认的地图组件在上面.如果需要自定义动态地图的组件则需要修改ueditor特定的html. ueditor百度地图组件所在目录 show.html文件中定义了地图的控件,有自定义需要的时候可以在这个文件中自己编辑如果自己所在的环境中是https协议的话,那ueditor是不支持的,因为这两个文件中使用的是http协议的接口.所以为了满足http跟https协议的话最好将这两个文件下的map接口给为https下的接口,

百度地图自定义icon,定位偏移问题

最近使用百度地图做一个调度系统,使用定义icon的marker,结果地图显示marker和实际位置偏移,最终参考文章: http://www.cnblogs.com/jz1108/archive/2011/09/15/2152122.html 问题解决. 自定义icon通过设置anchor参数 var icon = new BMap.Icon('pin.png', new BMap.Size(20, 32), { anchor: new BMap.Size(10, 30) });在自定义标注

关于 WebBrowser调用百度地图API 鼠标滚轮缩放地图级别失灵的解决办法

在桌面程序下百度地图API的鼠标缩放地图功能可能会失灵无效! 这个原因不是API的问题小弟试了下在WEB上面是没有问题的于是考虑可能是WebBrowser的获取焦点问题,于是在主窗体添加了一个窗体激活事件如下 //小弟用的是WPF所以是Window_Activated //如果你用的是Winform就是 Form1_Activated(object sender, EventArgs e)事件 private void Window_Activated(object sender, E

【Android】百度地图自定义弹出窗口

我们使用百度地图的时候,点击地图上的Marker,会弹出一个该地点详细信息的窗口,如下左图所示,有时候,我们希望自己定义这个弹出窗口的内容,或者,干脆用自己的数据来构造这样的弹出窗口,但是,在百度地图最新的Android SDK中,没有方便操作这种弹出窗口的类,虽然有一个PopupOverlay,但是它只支持将弹出内容转化为不多于三个Bitmap,如果这个弹出窗口里想有按钮来响应点击事件,用这个就不能满足要求了,于是,看了一遍百度地图覆盖物的API,我决定用自定义View的方法来实现类似的效果,

echarts+百度地图+vue 填坑记（一）（百度地图、鼠标移入移出标注,信息框会产生闪烁）

大概七月底开始实习,到现在经历了两个完整的项目(c2b). 因为开发时间紧,任务重,所以在开发过程踩到的坑都没时间去记录. 现在在开发一个某链运输监控系统,到了收尾阶段,有时间写博客了!开心! 一.鼠标移入移出标注,信息框会产生闪烁如下图: 网上一堆解决的办法,一开始以为是事件冒泡(mouseover.mouseout),最多的就是设置setTimeout,其实就是延时,让闪烁的频率降低了. 在开发过程中用的就是这个方案,但是根本问题没有解决,还是会闪烁. 最近有时间去找原因,发现并不是事件冒

百度地图自定义Marker

最近写了百度地图的Demo,所以总结下遇到的问题: 1.首先在百度地图中创建应用时用到发布版SHA1是在Preferences下的Android下的Build中;2.在使用百度地图时,先要创建一个Application的类,中间引用 SDKInitializer.initialize(this)// 在使用 SDK 各组间之前初始化 context 信息,传入 ApplicationContext: 3.在清单文件中配置应用的权限及配置com.baidu.lbsapi.API_KEY: 4.使

百度地图API鼠标获取坐标

var map = new BMap.Map('map'); var poi = new BMap.Point(112.53, 37.87); map.enableScrollWheelZoom(); map.centerAndZoom(poi, 12); map.addEventListener("mousemove",function(e){ console.log(e.point) }); map.addEventListener("click",functi

记录开发基于百度地图API实现在地图上绘制轨迹并拾取轨迹对应经纬度的工具说明

前言: 最近一直在做数据可视化方面的工作,其中平面可视化没什么难度,毕竟已经有很多成熟的可供使用的框架,比如百度的echart.js,highcharts.js等.还有就是3D可视化了,整体来说难度也还好,通过WEBGL技术一般的可视化效果还是很好实现,如果对于WEBGL光线渲染力不从心的话直接通过three.js来做也是很方便. 其实真正困扰我开发的是可视化项目中一般会存在很多基于地图方面的开发工作,只要是涉及到地图的可视化必然会跟经纬度相关联.如果是单纯获取地图上某个特定城市或者特定点的经纬

【百度地图API】如何调整结果面板的样式？如何获取指定页码的结果？

原文:[百度地图API]如何调整结果面板的样式?如何获取指定页码的结果? 摘要: 1.你是否想自定义查询后,结果面板的显示样式? 2.数据接口每次只返回10条结果,如何取到单独每一页的结果? --------------------------------------------------------- 一.如果自定义结果面板的样式? 我们通过数据接口拿到每一条数据,然后塞到自己想要的html结构里,如下: )}); mk.setLabel(lb); str += '<li>'+ pInfo

【百度地图API】自定义可编辑的交通路线

原文:[百度地图API]自定义可编辑的交通路线任务描述: 我想自己绘制一条从地铁站出口到天安门的道路,而且还需要根据我的喜好来改变这条路线. 如何实现: 鼠标左击地图,绘制路线:双击后,绘制结束:绘制结束后,路线可编辑. TIPS: API1.1以后,可以使用enableEditing()来开启折线可编辑功能. 图示: 运行代码,请点击这里. 代码: );var e1,e2;var p = []; //用来存储折线的点var polyline;var doneDraw = 0; //判断是否绘

百度地图API自定义地图

http://api.map.baidu.com/lbsapi/creatmap/index.html http://developer.baidu.com/map/index.php?title=webapi <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

网页嵌入百度地图和使用百度地图api自定义地图的详细步骤

在网页中插入百度地图如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,搜索出自己要展示的位置,如下图所示. 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位.标记图标处可更换图标形状,名称和备注填入位置相关信息. 第四步:获取代码.将代码贴到你的网页

如何在网中使用百度地图API自定义个性化地图

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="百度地图,百度地图API,百度

HTM L百度地图API 自定义工具地图实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

百度地图API绘制带头箭头的折线

源代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;marg

iOS开发---集成百度地图完善版

一.成为百度的开发者.创建应用 http://developer.baidu.com/map/index.php?title=首页 (鼠标移向然后选择你的项目需要的功能你可以在里面了解到你想要使用的功能的一些调用方法. (这个适合项目中已经配置了SDK但是不知道调用什么方法去实现功能的)) 二.下载SDK 1.首先需要在百度地图下载最新SDK:地址: http://developer.baidu.com/map/index.php?title=iossdk/sdkiosdev-downloa

百度地图的简单使用 ——html js

一.简介百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富.交互性强的地图应用,包含了构建地图基本功能的各种接口,提供了诸如本地搜索.路线规划等数据服务. 基本地图功能:展示(支持2D图.3D图.卫星图).平移.缩放.拖拽等. 地图控件展示功能:可以在地图上添加/删除鹰眼.工具条.比例尺.自定义版权.地图类型及定位控件,并可以设置各类控件的显示位置. 覆盖物功能:支持在地图上添加/删除点.线.面.热区.行政区划.用户自定义覆

ECharts 散点图+百度地图（案例转载）

转载来源:https://efe.baidu.com/blog/echarts-map-tutorial-2/ ECharts 实现地图散点图(下) 小红 2016-06-13 ECharts, 教程, 地图上一篇我们介绍了如何使用 ehcarts 内置地图实现地图上绘制的散点图,这篇中,我们将讲解如何在百度地图上绘制散点图. 一.初始准备首先要创建 html 和引入 ECharts 包,具体说明详见上篇:[ECharts 实现地图散点图(一)](/2016/04/28/echarts

简单高效快捷的百度地图demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf

js 百度地图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

百度地图自定义鼠标绘制工具栏样式

热门专题