echarts2中的地图扩展的svg上的字是怎么出来的? 5C

图片说明
比如官网教程上的这个百度大楼,上面的A区,B区,C区这几个字是哪里来的?我代码里没有找到相关的字……还有这几个区的边界代码又是如何判断的?
具体事例也可以看百度官方教程:http://echarts.baidu.com/echarts2/doc/example/map18.html

1

3个回答

这个是发请求回来的数据上的
你可以在xml哪儿打印一下 返回数据图层1里图片说明

0
shijieming
shijieming 那请问我要怎么修改这几个字啊?我不想叫A区B区C区怎么改?谢谢您
一年多之前 回复
0
 // 自定义扩展图表类型:mapType = body
require('echarts/util/mapData/params').params.baiduBuilding = {
    getGeoJson: function (callback) {
        $.ajax({
            url: "svg/baidu-building.svg",
            dataType: 'xml',
            success: function(xml) {
                callback(xml)
            }
        });
    }
}

地图数据是通过导入的GeoJson加载了baidubuilding的数据,是echarts地图集中的数据,展示代码里只是增加了自定义扩展的部分。

0
qq_39406310
qq_39406310 请教下 你是怎么把svg矢量图 引入echarts的
11 个月之前 回复
qq_39406310
qq_39406310 请教下 你是怎么把svg矢量图 引入echarts的
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts2-svg扩展实例
echarts2、svg地图扩展实例(百度大厦、足球场样例)
echarts地图svg拓展实例
开始在使用echarts地图的svg拓展的时候遇到required('echarts/util/mapData/params').params这里一直报错,在网上也没有很好的解释,然后就有了这个demo,给大家在学习echarts的时候提供一些方便
echarts2的地图下钻和修改地图上的文字
echarts2的地图下钻和修改地图上的文字
echarts2和百度地图的简单应用
前段时间简单的学习了echarts和百度地图,并把它们组合起来,做了一个点击地图把json里对应省份的数据输出,然后点击查看地图时会把数据的地址标注在百度地图上,现在和大家分享一下我学习的心得。 一、echarts ECharts是一个高度个性化定制的数据可视化图表的纯 Javascript 图表库,它兼容主流的浏览器,对于制作可视化的数据图表是一个好的帮手。ECharts的最新版本EC
使用echarts扩展地图案例
查看了echarts上面香港的地图扩展以后自己做了一个云南地图扩展: 里面的jquery和echarts文件自行下载,地图json数据我已经上传资源了。 下面直接贴代码不磨叽 <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> ...
echarts地图扩展文件使用geoJson格式
echarts地图扩展文件使用geoJson格式。 1、在线生成 http://ecomfe.github.io/echarts-map-tool/  这里可以生成省市区的json,但是最多生成到”区县”粒度 2、用arcmap生成 - 基于arcmap做好地图,并存为EsriJSON格式 - 然后到 http://esritogeo.herokuapp.com/ 将
echarts扩展地图svg demo xxx监测系统
echarts扩展地图svg demo xxx监测系统
D3.js在svg地图上标点
需要实现的需求就是在一张世界地图上将给定的经纬度坐标点绘制出来。 地图如下: 地图使用的是svg格式,而不是d3推荐的GeoJSON格式或TopoJSON格式的地图数据。地图是使用svg格式使用path路径绘制而成。 在地图上会点,首先设置墨卡托投影://translate设置投影转换的偏移值d3.geo.graticule()获取经纬网 var projection = d3.geo.m
echarts3 地图写法区别于 echarts2
【1】echarts3 地图写法:全国地图和省份地图用的是同一个option [1] areaMapPy:echarts的json包,全国:china, 省份:省份的拼音 [2]areaMapName: 全国:china, 省份:省份名称,不带 ‘省’ var myChart_map = echarts.init(document.getElementById('地图div ID'), 's...
SVG图片与文字的整合
1、image的路径的演示: <image x="20" y="20" width="150" height="46" xlink:href="./picture.jpg" /> <line x1="25" y1="80" x2="350" y2="80" style="stroke: #ffffff; stro
echarts 中国地图 china.js SVG 地图
ECharts 作为国内应用最广泛的前端可视化生成工具,提供了丰富的图表展现方式和便捷的图表操作。
echarts地图扩展文件使用geoJson格式。
echarts地图扩展文件使用geoJson格式。 1、在线生成 http://ecomfe.github.io/echarts-map-tool/  这里可以生成省市区的json,但是最多生成到”区县”粒度 2、用arcmap生成 - 基于arcmap做好地图,并存为EsriJSON格式 - 然后到 http://esritogeo.herokuapp.com/ 将得到的json文件转
echarts2的使用案例
-echarts的官网下载,将整个文件放置到自己的工程中 -进入echarts官网的案例,选择自己需要的案例类型,本文以扇形图为例 -先引用jquery.js,后引用echarts2.8/echarts-all.js代码块<script type="text/javascript" src="<%=basePath%>plugins/jquery/jquery-1.11.
echarts2地图数据及案例
echarts2上已下架的地图json数据包,包含中国地图以及各省市县的全部json文件以及官网自带所有案例。由于调用的是本地json文件的数据。所以查看示例的时候请用火狐浏览器。谷歌会有本地加载跨域问题。希望能帮到你们
echarts-地图添加悬浮文本标签
echarts2在地图上添加悬浮的文本标签
SVG自定义地图 自定义点点击触发事件
svg自定义地图,自己的jpg格式图片,转换为svg,可在上面画图,触发点击事件,只支持android studio
echarts2的一个地图demo
option = { title : { text: 'iphone销量', subtext: '纯属虚构', x:'center' }, tooltip : { trigger: 'item' }, legend: { orient: 'vertical', x:
ArcMap+Visio实现高清矢量地图导出,轻松插入Word文档中,消除文字模糊现象
本文主要解决 ArcMap 导出的地图插入 Word 后文字模糊的问题
使用SVG打造可交互的自定义地图
最近发现了一个好玩的东西:SVG,秉承着学以致用的原则,做了一个小demo。 先上效果图: 这是一个可以交互的中国地图.像这类复杂的自定义空间,如果要我们自己来画,我估计会让我开始怀疑人生吧!好了 废话不多说,下面我们就用svg的方式来实现这个自定义的地图控件: 步骤: 1:下载中国地图的svg文件 2:然后将svg文件转换成android能用的xml文件:附上链接一个:http://i
利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图。 标签: ECharts3Echarts2模拟迁徙百度地图引入
利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图。 很多小伙伴都来要demo源码,现在我把demo放在我的GitHub上了。 https://github.com/lixinGiting/echarts3_map_demo 希望大家能给我个star鼓励一下。 效果预览 :http://htmlpre
Echarts地图使用扩展
Echarts地图,地图颜色渐变,拓扑关系
echarts省市地图嵌套
react中引用echarts2的省市地图
使用svg画地图详细过程
使用步骤1.  安装svg2.  具体操作1.     打开svg,点击file ,new,默认svg,点击ok显示界面如下:然后点击image把鼠标放到代码下面的的桌面上,鼠标箭头会变成一个十字,然后点击桌布,弹出窗口,让选择一个图片:刚出来的时候,桌布上只能看到一个框框:然后,右键桌布,在菜单中选择image显示样式如下:此时,为了便于操作,切换回鼠标,点击黑色鼠标就会变成鼠标样式了:由于我们...
Echarts加载地图的三种方式
参考地址:http://www.echartsjs.com/option.html#geo.map ECharts 中提供了两种格式的地图数据,一种是可以直接 script 标签引入的 js 文件,引入后会自动注册地图名字和数据。还有一种是 JSON 文件,需要通过 AJAX 异步加载后手动注册。 下面是两种类型的使用示例: JavaScript 引入示例: &amp;lt;script src...
eCharts添加自定义geojson数据实现地图展示
当初看到echarts的地图的时候感觉可以做点什么,但是一直米有实施,最近刚好用到了,就研究了研究,在echarts中添加了自定义的geojson数据,实现数据的地图展示。
纯css3圆形从中心向四周扩散动画效果(地图地点扩散)
效果: 代码: &amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;css3圆扩散&amp;lt;/title&amp;gt; &amp;lt;style
svg与html的交互
[size=xx-large]1.写在前面[/size] 之前写到了svg与html的一种交互方式,那是将svg和html写在一个文档里面来进行的。 这么写让我很不爽,想一想,假如里面用到很多的svg元素,加上还有动画设置,js代码什么的不就有一大堆东西了么?虽然交互起来是方便了,不过那么多代码就这么刷下来,太夸张了。 昨天又在网上看了下,发现了一个比较好的。html文档和svg文档分开...
利用SVG图片的路径生成的湖北省地图
利用SVG图片的路径生成的湖北省地图,有鼠标悬浮事件,点击事件 用tomcat启动就可以看到效果啦。
html5+svg实现交互式3D地图
最近看了一个系统的一张图感觉视觉效果很赞,如下图所示  不过不知道该怎么去实现,于是上网找了很多种方案,实现了如下效果  没有美工 随便找了张图实现了一下,具体思路如下 1标注点添加时使用canvas拖拽实现坐标点拾取,存入数据库 2根据拾取的点坐标添加点实现以上效果 3点击标注点切换信息窗口信息 4如需详细的地图信息,可使用SVGDeveloper将所需的场景地图扣出来做点击...
ECharts官方教程(十四)【使用 Canvas 或者 SVG 渲染】
使用 Canvas 或者 SVG 渲染浏览器端图表库大多会选择 SVG 或者 Canvas 进行渲染。对于绘制图表来说,这两种技术往往是可替换的,效果相近。但是在一些场景中,他们的表现和能力又有一定差异。于是,对它们的选择取舍,就成为了一个一直存在的不易有标准答案的话题。ECharts 从初始一直使用 Canvas 绘制图表(除了对 IE8- 使用 VML)。而 ECharts v3.8 发布了 S
地图 svg中国地图、echarts百度迁徙图
总结下最近使用过的地图控件: 第一种 svg中国地图  demo:http://www.oschina.net/code/snippet_54124_36979 这个很简单,照着demo里面直接调用就可以使用了。 第二种  echarts 中国地图 文档:http://echarts.baidu.com/doc/doc.html 案例:http://echarts.baidu.co
Android还能这样玩—用SVG手撸一个精美的中国地图
前言 来继续学习SVG,要想深入了解还是要多动手进行实战。关于svg基础可以去看一下我的上一篇文章《SVG前戏—让你的View多姿多彩》,今天就用SVG打造一个精美的UI效果。 正文 先上效果图: 我们都知道SVG的文件是纯粹的 XML。如: [图片上传中…(12345.gif-60d52c-1533723732988-0)] 看到这里,我们都明白了。原来里面类...
svg 地图 及path的渲染
SVG绘制地图图 并在地图实现一些特效 难点: 1.在web上渲染地图,省市坐标定位。效果如上图:A省画黄色圈,B省画蓝色圈, 2.path计算描绘、颜色渐变及path的动态效果。效果如上图:路径由黄色渐变成蓝色,路径上有个白色箭头由A省向B省移动。
Canvas or Svg 绘制地图、地图转图片、实例代码、dome code
Canvas or Svg 绘制地图 &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;地图服务底图&amp;lt;/title&amp;gt; &amp;lt;script type=&quot;text/javascript&quot;     src=&quot;../framework/jquery_2.1.4/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp
在openlayers3上与echarts结合使用示例
OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问,echarts是百度的开源js图表库,该示例实现了在openlayers的地图‘贴’上echarts的图表
D3.js中国地图下钻
使用d3.js实现中国地图及中国地图下钻到省市区在可视化开发中,地图是很重要的一个环节,很多时候需要展现的不仅是国家地图,还需要能从国家进入到省市,看到区这样的下钻过程,今天我们就来实现这个效果。 因为地图数据过于庞大,例子中删除了除北京外其他的地市信息。所以,请点击北京查看效果,其他省没效果。 最终效果点击北京市查看效果,其他区域切换效果,空白区域返回全国。代码解析首先准备地图json数据这里
使用echarts加载地图
echarts这样的插件很好用,在这直奔重点,以下为注意事项: 1.echarts高版本的是没有中国地图的实例的,使用echarts做低版本的中国地图,需要引入低版本的echarts,这里用的版本是是echarts-2.2.7。 2.引入echarts的方法有三种,模块化包引入,模块化单文件引入(推荐),标签式单文件引入在实例中的代码,引入的方法一般为第二种(不同的引入方式会导致报错),具体htt...
Region实战SVG地图点击
Region实战SVG地图点击效果如下: 点击相应地图位置,判断选中的区域技术分析: 1、首先通过svg,画出图像,更加美工提供的svg文件,来到http://inloop.github.io/svg2android/ 转出 <?xml version="1.0" encoding="utf-8"?> <vector xmlns:android="http://schemas.and
中国省份地图 svg格式
中国svg地图 只具体到省。 svg格式: SVG格式 SVG是一种用XML定义的语言,用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象:矢量图形(vectorgraphicshape例如:由直线和曲线组成的路径)、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作,特征集包括嵌套变换(nestedtransformations)、剪切路径(clippingpaths)、alpha蒙板(alphamasks)、滤镜效果(filtereffects)、模板对象(templateobjects)和其它扩展(extensibility)。   SVG图形是可交互的和动态的,可以在SVG文件中嵌入动画元素或通过脚本来定义动画。   SVG可以算是目前最最火热的图像文件格式了,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有互交功能,并可以随时插入到HTML中通过浏览器来观看。   它提供了目前网络流行的GIF和JPEG格式无法具备的优势:可以任意放大图形显示,但绝不会以牺牲图像质量为代价;可在SVG图像中保留可编辑和可搜寻的状态;平均来讲,SVG文件比JPEG和GIF格式的文件要小很多,因而下载也很快。可以相信,SVG的开发将会为Web提供新的图像标准。
可视化篇:Echarts2.0引入百度地图
写在最前 Echarts作为百度团队下一个可视化的js库,自2.0更新至3.0以来,其带来的视觉冲击更加强悍,数据可视更加精美,图形交互更加贴合用户。 由于echarts2在百度地图的实例上没有作过多的说明,echarts3更是删除了该实例,另外由于工作需要,捣鼓一番,作个笔记。
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 产品经理培训班出来 web培训出来