工作中遇到的有关echarts地图和百度地图的问题

*** 前言:在做项目中需要制作一个场景是左边是柱状图,右边是地图,地图上悬浮一个按钮可以切换echarts地图和百度地图。***

功能:

  1. 在点击左边柱状图其中的一条的时候再右边地图显示一些标记的点
  2. echarts地图在鼠标悬停的时候回显示这个点上的公司信息,点击这个点的时候跳转到公司详情(都是自己做的页面)
  3. 百度地图在点击这个点的时候回弹出一个覆盖物,上面有公司名称和简介,点击公司名称的时候跳转到公司详情页

遇到的问题:

  1. 在点击不同的柱状图的条时,两个地图都是在原有的基础上增加点或者不变,而不是点击不同的条出现根据条给定的信息进行显示点(经检查发现数据是没问题的,每次点击传入的数据都是给定的条数)
  2. 如何给百度地图上的悬浮物上的label里的文字添加点击事件

解决方法:


echarts图表和百度地图如何制作请自行百度
***

  1. echarts地图上改变点的位置,我每次都是更改数据之后使用echarts的setOption方法重新生成一下地图,发现确实是重新生成了,但是是在原来的基础上合并,并不是完全按照我给定的数据生成的地图上的坐标点(坐标点请查找API中的markPoint),原来还可以这样写setOption(option,notMerge),notMerge是一个布尔值,默认为false,也就是合并每次的option,只要改为true,选择被合并就OK了。
  2. 百度地图上的覆盖物也同样是出现,新的点出现,旧的点不走的情况,解决的方法就是在每次重新生成新的覆盖物之前添加一句map.clearOverlays();清除地图上的覆盖物就可以了。
  3. 给覆盖物上的文字添加事件我暂时没找到很好的方法,只有一个笨方法就是在地图上的点(marker)的点击事件里面,选择到那个文本标签元素添加‘click’事件,需要的一些数据提前通过自定义属性添加到这个文本标签上才可以实现这个点击事件,(我试过的方法有好多,就不一一列举了,我对百度地图的API确实不是很熟悉,如果有知道更简单的方法的小伙伴请教我一下)。

___ 我写的东西比较少,可能不能很好的描述清楚问题和解决方法,如果有不清楚的小伙伴欢迎留言联系我,看到后会尽快的回复你,我会尽量的帮助你 ___

工作中遇到的有关echarts地图和百度地图的问题的更多相关文章

  1. Windows Store Javascript项目使用高德地图、谷歌地图、百度地图API

    原文 Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 在Win8 Store 项目中可以使用的地图主要有微软的Bing Map,目前高德地图sdk也支持Wi ...

  2. GPS定位为什么要转换处理?高德地图和百度地图坐标处理有什么不一样?

    GPS定位为什么要转换处理?高德地图和百度地图坐标处理有什么不一样? 先了解一下 高德地图 采用: GCJ-02 (不可逆) 百度百科: http://baike.baidu.com/link?url ...

  3. ARCGIS FLEX API加载google地图、百度地图、天地图(转)

    http://www.cnblogs.com/chenyuming507950417/ Flex加载google地图.百度地图以及天地图作底图 一  Flex加载Google地图作底图 (1)帮助类G ...

  4. echarts移除百度地图logo方法

    移除百度地图LOGO和版权信息 在jsp头上加上如下代码即可: <style type="text/css"> .anchorBL{ display:none } &l ...

  5. IOS第三方地图-百度地图集成

    百度地图官网: http://developer.baidu.com/map/index.php?title=iossdk 照上面吧百度地图sdk集成到工程 然后在pilst文件中加入: 如果地图没有 ...

  6. iOS第三方地图-百度地图中心点定位

    使用百度地图定位后,滑动地图,使用反编码确定地图中心店的位置信息 // // MapControl.m // quyizu // // Created by apple on 15/9/2. // C ...

  7. iOS第三方地图-百度地图常用功能使用(POI搜索,地理正反编码,定位,添加标注)

    百度地图官网: http://developer.baidu.com/map/index.php?title=iossdk 百度地图集成 1.引入相关包

  8. js不同地图坐标系经纬度转换(天地图,高德地图,百度地图,腾讯地图)

    1.js转换代码 1 //转换常数 2 var x_pi = 3.14159265358979324 * 3000.0 / 180.0; 3 var pi = 3.14159265358979324; ...

  9. Odoo Website 替换 谷歌地图为 百度地图

    由于众所周知的原因,国内使用谷歌地图是件非常痛苦的事,更为接地气的做法是替换为百度地图. 模块地址参见群公告. 演示地址:http://timesup.cn:8069

随机推荐

  1. java多态和强制类型转换

    子类可以赋值给超类,称之为向上转型,这个是自动的. 超类不可以赋值给子类,这个是向下转型,需要我们手动实现. 赋值给超类的子类引用在运行期间将表现出不同的特性,这就是多态. 小类型    可转换为   ...

  2. 工作随记——弹出QQ联系方式

    <a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=QQ号码&site=qq& ...

  3. Entity Framework 分页处理

    在SQL中进行分页,网上已经有很多例子了,在这里我使用Linq to SQL让C#来生成分页代码,首先创建分页的扩展方法: public static class Extensions { /// & ...

  4. C/C++中的static用法总结

    C中: 1. static修饰函数中的变量(栈变量):改变变量的生存期,作用域不变仍为所在函数. 只被初始化一次. 2. static修饰全局变量:限制全局变量只能被模块内访问,不可以在别的模块中用e ...

  5. KOL运营之——如何与网文作者高效地约稿?

    本文来自网易云社区,转载务必请注明出处. 随着网络文学的发展,影响力逐渐扩大,越来越多的同事在工作中遇到需要和这些作者打交道的时候.对于作者这个群体,很多时候都是只闻其书,不见其人.要跟这样的群体打交 ...

  6. C++基础之继承类和派生类

    (1)继承是创建一个具有某个类的属性和行为的新类的能力.原有的类称为基类,新创建的类称为派生类.派生类将基类中的所有成员作为自己的成员,同时派生类本身可以定义新的成员(2)派生类只有一个基类的继承称单 ...

  7. (PHP)redis List(列表)操作

    /** * * List操作 * 列表操作 * 可理解为数组操作 * 插入.删除数据按照一定规律排列的 * 元素可重复 * 适用于队列 * */ //在列表头部插入一个值one,当列表不存在时自动创建 ...

  8. Claris’ Contest # 2 Day 2 Problem C. Dash Speed(分治+可持久化并查集+树剖)

    题面 题解 \(std\)爆栈了→_→ 我们先考虑一个简化的问题,如果只有加边的情况下如何动态维护直径 合并两棵树时,设\(a,b\)为\(A\)的直径的两个端点,\(c,d\)为\(B\)的直径的两 ...

  9. MCP|LQ|DIAlignR provides precise retention time alignment across distant runs in DIA and targeted proteomics

    文献名: DIAlignR provides precise retention time alignment across distant runs in DIA and targeted prot ...

  10. 对zabbix监控磁盘性能的补充

    原因 在上一篇文章中,我写了完整的磁盘监控步骤,希望对大家有所帮助.但是这里还需要作出一点补充. 根据上一篇文章的内容,我是使用iostat命令不停的收集磁盘的信息,然后写入到/tmp/iostat_ ...