图表长在地图上 —— 定制 Marker 样式组件

高德LBS开源组件大赛上线两周,我们收获了很多同学的报名,也开始收获第一波作品~~超出预期的精彩!!!!果真应验那句古话:“高手…….其实,在民间!”

嘿嘿,LBS江湖藏龙卧虎,惊喜接连不断,我们将从现在起开始推出系列章回体高手过招贴,欢迎大家来围观、来献花、来拍砖~~~

高手过招第二回 图表长在地图上 简洁实用又直观
作者:@GIS_xiaosheng

随着移动互联的发展,图表能够直接在移动端地图上展现,甚至直接在地图上编辑,成为一个行业解决方案需求。

适时适当,这个组件出现了!!根据后台统计数据绘制饼图、柱状图的专题图;并且可以根据用户需求,定制详细信息的Marker。更进一步,甚至可以在地图上实现实时数据的导入、编辑并生成图片,有没有很棒?!第一次看到这个组件的时候,惊艳了!

二维码

人口普查,普查办需要从不同维度统计分析各城市人口情况;快消品企业,需要实时掌握各个渠道的铺货及销量;教育部需要宏观分析各省考生数量及录取分数线……从展现角度,“地图+统计”这个需求,应用场景太多!

据说,开发这个组件是个年轻的帅哥,鼓掌!!!如有问题,可回复此帖与 @GIS_xiaosheng 同学交流,如果你也觉得这个组件不错,可到这里 http://www.oschina.net/amap-app-contest?tab=work 为他投票。

源代码: http://my.oschina.net/gisxiaosheng/blog/294962

大家可下载使用,当然亦可自行优化,实现更多更炫酷的功能。

时间: 2024-08-01 10:24:55

图表长在地图上 —— 定制 Marker 样式组件的相关文章

GIS(一)——在js版搜索地图上添加Marker标记

       由于我们做的是有关于旅游方面的项目,所以涉及到了地图功能.我接到的其中一个任务就是,在地图上显示指定的几个景点,并在地图上加上标记.        我们项目用的是搜狗地图,使用的是js版本.大家有兴趣的话,可以参考搜索地图api以及示例代码.        在地图上添加标记是地图的一个基本功能.这个标记叫做Marker.可以从这里看官网上对于Marker类的介绍.        实现的基本步骤,首先在页面上创建一个地图,然后地图上添加一个marker.你可以对这个marker指定位

google map使用自定义Marker在地图上添加文字标示

google map默认的标示GMarker,只能使用图片不能使用文字.但是在实际中,我们不可避免的需要在地图上标示文字信息.例如地名等.Google 地图 API 使我们可以通过扩展GMarker实现自定义的GMarker的子类LabelMarker. 1 google.maps.LabelMarker = function(latlng, options) 2 { 3 this.latlng = latlng; 4 this.labelText = options.labelText ||

【百度地图API】建立全国银行位置查询系统(三)——如何在地图上添加银行标注

原文:[百度地图API]建立全国银行位置查询系统(三)--如何在地图上添加银行标注 <摘要>你将在第三章中学会以下知识: 如何在地图上添加带银行logo的标注?(你也可以换成商场logo,酒店logo等) 如何在标注上显示信息窗口,以及添加文字标签等其他覆盖物: 最后,介绍一个获取坐标的给力工具. ---------------------------------------------------------------------------------------------------

GIS(二)——在js版搜狗地图上添加brand标牌

       在上一篇博文中,我在搜狗地图上添加了Marker标记,但是在用户体验度上还是不够的,如果想了解某些信息,你得把鼠标指向marker,才能看到title里的值.有没有一种可以直接显示在marker上的东东呢?        其实有很多方法可以做到.搜狗地图提供了叠加层类,但是可以直接在页面上显示信息的,貌似只有InfoWindow.Label和Brand.一般InfoWindow是用来显示大量信息的.所以我们显示少量信息一般选用Label和Brand.但是Label显示的效果比较一般

识别地图上的地名-- 笔记二(完结)

本文承接 识别地图上的地名-- 笔记一 一文.非常抱歉地过了这么久了才打算把这个事情给完结了 .其实很早就做完的.但是事情比较多.一直都没有写出来. 二值化图像 关于文字分割: 如上图所示我们已经得到一个二值化的图像了. 可以发现文字都是黑色的.并且文字都是在一个11*11的方格里面的.也就是说一个单独的文字最大长 度和宽度都是11,例如"田" 字 .这里面的文字都比较正规.而且是统一大小的. 遍历整个图像,当出现第一个黑点的时候记录该黑点的坐标为(X1,Y1),寻找这个黑点左下方10

asp.net-怎么样清除百度地图上的坐标点

问题描述 怎么样清除百度地图上的坐标点 我想每次点击查询的时候把前一次查询定位的坐标点去掉,该怎么去掉. 解决方案 调用百度的removeOverlay 方法就行了,用一个全局变量记住你的overlay var maker;//////// function MapD() { var obj = document.getElementById("txt_City"); map.removeOverlay(marker);///////// var geo = new BMap.Geoc

d3js-D3js在画出地图上,根据城市的坐标,在每个坐标的地方画一个光标,像在发光的那种动画效果.

问题描述 D3js在画出地图上,根据城市的坐标,在每个坐标的地方画一个光标,像在发光的那种动画效果. 就像 http://map.ipviking.com/ 这个网站上的光标点一样,刚开始学D3感觉一直都画不出来 画了好长时间,求助啊,大神们! 解决方案 http://blog.csdn.net/lzhlzz/article/details/38727993 解决方案二: 我就是照着这个画出的地图,然后我有一个记录城市坐标的csv文件,csv对每个城市都有坐标显示 //显示地区名字 functi

大数据美食——寻找地图上的美味

上次分享了<教你30分钟创建汽车大屏>后,来咨询的人很多,其中地图可视化的问题最集中,这次我花了点时间,准备了一份美食相关的测试数据,向大家分享<寻找地图上的美味>是如何做成的. 必备产品:DataV数据可视化(如需查看请复制链接至PC端打开) https://data.aliyun.com/visual/datav  很多人看到 DataV 里地图的一堆配置就很头疼,不知道怎么用,能做什么,这里先来教大家"技能加点".先从这4个地图组件的区别看起 打开数据面板

js 调用百度地图api并在地图上进行打点添加标注_javascript技巧

最近要做一个网页,具体内容是:上边有一个标题,下边分成两块,左边是地图.并且地图上有两个点,点击两个点有相应的提示信息,显示数据库里最新的两条数据信息.右边是一些文字说明.本人刚开始学习,做的也不是很好 总体效果如下所示:   首先新建map.php文件,代码如下 复制代码 代码如下: <!DOCTYPE html> <?php /* 创建与数据库的连接 */ $conn=mysql_connect("","","") or d