Highmaps 二级地图怎么加点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Highmaps 二级地图怎么加点相关的知识,希望对你有一定的参考价值。

在chart里添加
先贴代码 里面有注释

var data = [];
// 随机数据
Highcharts.each(mapdata.features, function(md, index)
data.push(
name: md.properties.name,
drilldown: md.properties.filename, // 赋值 drilldown
value: Math.floor((Math.random() * 100) + 1) // 生成 1 ~ 100 随机值
);
);
//这里开始定义你的地图 new Highcharts.Map这个 先不写了 记得加上
chart:
backgroundColor: '#101638',
events:
drilldown: function(e)
// 异步下钻
if (e.point.drilldown && unDrilldown.indexOf(e.point.drilldown) === -1)
var pointName = e.point.properties.fullname;
map.showLoading('下钻中,请稍后...');
// 获取二级行政地区数据并更新图表
$.getJSON(geochina + e.point.drilldown + '.json&callback=?', function(data)
data = Highcharts.geojson(data);
Highcharts.each(data, function(d)
d.value = Math.floor((Math.random() * 100) + 1); // 生成 1 ~ 100 随机值
);
map.hideLoading();
// 调用 addSingleSeriesAsDrilldown 进行添加单个数据列
map.addSingleSeriesAsDrilldown(e.point,
name: e.point.name,
data: data,
dataLabels:
enabled: false,
format: 'point.name'

);
/**
* 这开始定义二级地图(市级)的标点位置页面显示
*一级地图(最外层省级)下面series的type: 'mappoint',模式定义
**/
if(e.point.drilldown === 'zhejiang')
// 调用 addSingleSeriesAsDrilldown 进行添加单个数据列
map.addSingleSeriesAsDrilldown(e.point,
type: 'mappoint',
name: 'Point',
color: "red",
showInLegend: false,
data: datai, //二级地图坐标
point:
events:
// 点击事件
click:function()
alert(this.name )



);

// 应用下钻
map.applyDrilldown();
map.setTitle(
text: pointName
);
);

,
drillup: function()
map.setTitle(
text: ' 浙江省'
);


,
注意需要在之前获取到下钻后 二级地图的坐标
参考技术A 浏览器打开百度地图并登录。
点击右上角商户免费标注,进入商户中心。
查询需要标注的店铺是否存在,如果存在可以直接认领。

如果不存在可以在地图上填写信息,上传各种证明资料新增商户。
提交申请后,需要5-7天的审核期,审核通过即可在百度地图查看到标注的商户。本回答被提问者采纳

以上是关于Highmaps 二级地图怎么加点的主要内容,如果未能解决你的问题,请参考以下文章

Highmaps的天津地图数据JSON格式

中国地图(Highmaps)

Highmaps网页图表教程之Highmaps第一个实例与图表构成

百度地图聚合点加点击事件

Highmaps mappies with drilldown

vue腾讯地图标记高亮