HTML5地图添加自定义坐标点

4362
4

tangmq 数据达人Lv4

发表于2019-3-12 17:31

楼主
本帖最后由 tangmq 于 2019-3-12 17:35 编辑

第一部分:坐标点添加方法和效果   
进入地图管理,找到目标地图,以html中国地图为例,克隆一个;

克隆之后,定制地图就会被克隆一份存到定制地图中,这个地图就可以自己编辑了。如果要增加两个坐标点,就在定制地图的坐标信息中插入point信息,如下图:

Poin写法举例:
<point color="red"coords="122.06957,41.124484" desc="锦州市点" id="990000" symbol="img"symbolSize="20"/>
<point color="red"coords="116.405285,39.904989" desc="北京市点" id="970000" symbol="circle"symbolSize="5"/>
添加以上两个坐标点,在地图上效果如下:


第二部分:坐标点信息如何获取
系统自带了全国以及各个省市的地图包,每个地图都有html5格式的。还是以中国地图为例,假设,我们需要在中国地图上增加两个点的坐标,两个坐标单位置分别是:湖北省武汉市、湖北省宜昌市,如何找?方法很简单,首先找到湖北省地图

打开湖北省地图的地图结构,就可以轻松找到武汉市和宜昌市的坐标信息,这个坐标信息就可以作为pointcoords信息,添加到中国地图结构中


第三部分:HTML5地图实用配置


地图结构map配置参数:
  
baseFont
  
字体类型
baseFontSize
字体大小
borderColor
边界颜色
fillColor
填充颜色
markerBgColor
鼠标移上时填充颜色
markerBorderColor
鼠标移上时边界颜色
showLabels
是否显示文字
showMarkerLabels
鼠标移上时是否显示文字
showMarkerToolTip
鼠标移上时是否显示提示
showShadow
是否显示3d效果

地图标记point配置参数:

  
标记名
  
  
标记作用
  
  
coords
  
  
地图上标记的显示坐标
  
  
desc
  
  
标记关联的地区名
  
  
id
  
  
标记关联的地区代码
  
  
color
  
  
标记颜色(仅非图片有效)
  
  
symbol
  
  
标记形状(图片或形状)
  
img 图片
  
circle     圆形
  
rect 矩形
  
roundRect  圆角矩形
  
triangle  三角形
  
diamond      菱形
  
pin 水滴形
  
arrow    箭头形
  
  
symbolSize
  
  
标记大小(单位:像素)
  


最近看过此主题的会员

esen_53JJ61R3PH

v笑向前走

esen_4YNPQEX87K

esen_4Y3L5ADO80

esen_513E25YO2T

liu20220622

esen_4YO0F42DH6

chestnut

esen_4U34TH4AZW

dhlfisher

yangqh

养蚯蚓吃沙漠

4个回答

只看楼主

tangmq 数据达人Lv4

发表于2019-4-18 13:59

只看该作者

取消 关注该作者的回复

沙发

BI47上支持在地图map配置 showtitle="false",去掉地图左上角的标题文字

wut 数据老手Lv5

发表于2020-3-2 13:59

只看该作者

取消 关注该作者的回复

板凳

巧用地图属性,666~已学习到了

小由菜 数据达人Lv4

发表于2020-3-24 18:02

只看该作者

取消 关注该作者的回复

地板

如果要湖北省武汉市汉阳区呢,是不是不支持区县类的啊

linuo 初学数据Lv2

发表于2021-5-17 16:58

只看该作者

取消 关注该作者的回复

5#

阴影的颜色可以改变吗

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号