higmaps怎么取消echarts 放大缩小功能的功能

来源：蜘蛛抓取(WebSpider) 时间：2017-11-30 13:56 标签： echarts 放大缩小功能
如何使用highmaps制作中国地图
时间： 21:48:59
&&&& 阅读：376
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&如何使用highmaps制作中国地图
带你走进 Highmaps ，本篇介绍highmap的基本用法
起初因为highmaps对中国地图的支持不够友好，没有台湾，澳门等，你懂的，政治问题。于是放弃了highmaps&，使用了echart的maps，毕竟国产功能也很齐全，但相比highmap，感觉echart相对比较臃肿，而且没有highmap流畅舒服。随着highmaps不断完善，highmaps已经解决了所谓的政治地域问题，特意为中国地图出了三个js版本。China 、China with Hong Kong and Macau、China with Hong Kong, Macau, and Taiwan&先来个预览图：全国地图
北京市地图展开详情
Highmaps 所需文件
（地图渲染的核心文件 必须引用）（地图数据拼接及解析的核心文件 必须引用）（地图 展开明细的核心插件，若需要点击显示省市则需要引用，反之则不需要引用）（*中国地图主要省会的坐标及相关数据插件 必须引用，另外这个文件由本人汉化，增加drill-key&用来钻取城市地图，增加cn-name&字段用来显示中文明显，若不需要可以下载官方的&）
地图初始化代码
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
$(function () {
Highcharts.setOptions({
drillUpText:"返回 & {series.name}"
var data = Highcharts.geojson(Highcharts.maps[‘countries/cn/custom/cn-all-china‘]),small = $(‘#container‘).width() & 400;
highmaps 渲染讲解
看完上面的代码，基本和highchart图表渲染的方式一样 ，说说几个需要注意的地方
Highcharts.maps[‘countries/cn/custom/cn-all-china‘]&这段代码用来获取引入文件cn-china-by-peng8.js的核心json数据。
Highcharts.geojson&方法将 json数据转换成map需要的json格式供地图解析用。
地图数据构造，这里我用了假数据，data 由引入的js文件获得，然后遍历获得所有省会的信息，并给value和drilldown&赋值，注意了，这里this.drilldown&是用来点击地图传值用的，例子用的是hc-key&节点，当然也可以自己随意定义
$.each(data, function (i) {
this.drilldown = this.properties[‘drill-key‘];
this.value = });
接着重点说说点击地图的事件drilldown，drilldown里需要重新获取对应省会的所有市县的json信息。这就是为什么上面需要定义drilldown&属性，根据不用的省会动态获取不同的json文件。例如我点击&北京&事件传过去的值就是&cn-bj。那接下来去请求市的信息。
123456789101112131415161718192021222324
$.ajax({ type: "GET", url: "/jsonp.php?filename=GeoMap/json/"+ e.point.drilldown+".geo.json", contentType: "application/ charset=utf-8", dataType:‘jsonp‘, crossDomain: true, success: function(json) {
data = Highcharts.geojson(json);
$.each(data, function (i) {
this.value =
chart.hideLoading();
chart.addSeriesAsDrilldown(e.point, {
name: e.point.name,
data: data,
dataLabels: {
enabled: true,
format: ‘{point.name}‘
}); }, error: function (XMLHttpRequest, textStatus, errorThrown) {}});
可以看到上面这段代码我根据drilldown传过来的值 请求不同的文件的json文件
highmaps 中国各城市坐标的json文件
官方只提供省会的坐标文件，但没有提供中国各市的坐标。因此我在网上fork一份中国各市坐标的json文件，需要的朋友可以下载。
highmaps 线上DEMO
这里我把代码分享给大家&
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：/Impulse/p/4995717.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！highmaps 地图是在线吗_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
highmaps 地图是在线吗
我有更好的答案
商用地图主要采集饭店、宾馆，ATM等与人们生活息息相关的东西），查询两个地点之间的路径所使用的都是这部分数据内容。这部分数据主要包含道路、POI（points of interest，洗手间：这部分内容是互联网地图的核心。可以看做是传统纸质地图的电子版，但除了地图显示外地理底图.com/" target="_blank">http://www.autonavi，道路支持路径规划，POI支撑地址查找，这两部分又是商用地图的重点，道路一部分实采（这里实采并非指测绘学中的测量采集，地址查询、路径规划等功能。我们日常使用过程中，查询某个地点、行政区划、河流.com/）和四维图新（）两家公司、绿地、居民区等，主要拍摄限速标志，路牌等，然后内业编辑，比较有前景的是众包采集模式）。其他要素主要使用遥感图像勾绘
采纳率：98%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包相关文章推荐
Highmaps重庆地图数据JSON格式
Highmaps网页图表教程之绘图区显示标签显示数据标签定位
从extjs 到 easyui 到html5到hightchars 再到hightmaps。Exjts和easyui很相似，extjs是重量级的，easyui轻量级的，比extjs容易上手，照着dem...
Highmaps网页图表教程之下载Highmaps与Highmaps的地图类型
Highmaps网页图表教程之数据标签与标签文本
给定A, B两个整数，不使用除法和取模运算，求A/B的商和余数。
最基本的算法是，从小到大遍历：
for (i = 2 to A -1)
if (i * B > A)...
K-means聚类算法是一种非层次聚类算法，在最小误差的基础上将数据划分了特定的类，类间利用距离作为相似度指标，两个向量之间的距离越小，其相似度就越高。程序读取全国省市经纬度坐标，然后根据经纬度坐标进...
source insight是一款很好的c语言的程序编辑器，方便对project管理，方便程序的阅读和编辑。查找功能使用十分频繁，选项较多，与其它软件的查找功能也类似，下面对英文版的查找功能，做简单说...
--查询每个年级的总学时数，并按照升序排列。
SELECT SUM(ClassHour) AS 总学时,GradeId AS 年级 FROM Subject GROUP BY
他的最新文章
讲师：董晓杰
讲师：姚远
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)基础教程数据处理图表类型高级特性图表导出模块图表设计及样式插件扩展地图HighstockHighcharts.NET这里是 Highcharts、Highstock、Highmaps 官方教程。在线实例API 文档社区及在线工具赏&&目录订阅更新
在线客服选择服务类型

我要回帖

更多关于 echarts 放大缩小功能 的文章

 

随机推荐