maptalk地图以及自定义标点的引入

this.map = new maptalks.Map("mapDiv", {center: [this.coordinate[0].x, this.coordinate[0].y],zoom: 8.8,minZoom: 3,maxZoom: 16,attribution: false, //隐藏logspatialReference: "EPSG:3857",baseLayer: new maptalks.TileLayer("base", {urlTemplate:"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.jpg",}),// layers: [//   new maptalks.VectorLayer('A', [new maptalks.Marker([119.04, 37.18])]) //红色位置图标// ]
});
//图标图层添加到这张地图上
this.markerLayer = new maptalks.VectorLayer('vector').addTo(this.map);
this.toolLayer = new maptalks.VectorLayer('mapvector');
// 图标以及点击事件
this.coordinate.forEach((item) => {let button =  "assets/img/bigscreem/button.png";var marker = new maptalks.Marker([item.x, item.y], {symbol: {markerFile: require(`@/${button}`),markerWidth: 40,markerHeight: 49,markerDx: 0,markerDy: 0,// markerOpacity: 0.1,markerFill: '#3EEAC6',   //内部填充色// markerLineColor: 'red',  //边框颜色'textName': item.name,'textFill': '#fff','textHorizontalAlignment': 'bottom','textSize': 14,textDx: 10}})//将图标添加到图标图层marker.addTo(this.markerLayer)marker.on('click', function () {that.tab = item.name;})
});

maptalk地图以及自定义标点的引入相关推荐

WPF技术触屏上的应用系列（二）: 嵌入百度地图、API调用及结合本地数据库在地图上进行自定义标点的实现...
原文:WPF技术触屏上的应用系列(二): 嵌入百度地图.API调用及结合本地数据库在地图上进行自定义标点的实现去年某客户单位要做个大屏触屏应用,要对档案资源进行展示之用.客户端是Window7操作系 ...
高德地图API 添加标点自定义标点
高德地图API 添加标点自定义标点在我们创建完地图实例后,就可以在地图中添加遮盖物,覆盖物有多种类型,今天只说点标记首先构造一个点标记添加默认样式点标记 // 构造点标记 var marker ...
百度地图自定义标点。
百度地图自定义标点. 多个标点方法可以进行for循环进行动态标点. <!DOCTYPE html> <html> <head><meta http-equ ...
WPF技术触屏上的应用系列（二）: 嵌入百度地图、API调用及结合本地数据库在地图上进行自定义标点的实现
去年某客户单位要做个大屏触屏应用,要对档案资源进行展示之用.客户端是Window7操作系统,54寸大屏电脑电视一体机.要求有很炫的展示效果,要有一定的视觉冲击力,可触控操作.当然满足客户的要求也可以有 ...
tablueau地图标记圆形_高德地图实现自定义小蓝点自定义点标记绘制多边形/圆形区域根据地图的移动显示或者隐藏自定义点标记的相关实现...
最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务, ...
高德地图自定义点标记大小_高德地图实现自定义小蓝点自定义点标记绘制多边形/圆形区域根据地图的移动显示或者隐藏自定义点标记的相关实现...
最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务, ...
Echarts地图绘制自定义区域 - geojson.io使用方法
Echarts地图绘制自定义区域 & 解决区域点击无效 1. 绘制地图自定义区域需求:绘制带高新区的河源市地图,目前百度地图json还没有此新区.需手动绘制. STEP1:获取市区json ...
高德地图实现自定义小蓝点自定义点标记绘制多边形/圆形区域根据地图的移动显示或者隐藏自定义点标记的相关实现
最近项目升级改版,项目中本来应用了苹果自带的定位模块,但升级改版有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑 ...
Android百度地图（四）如何引入离线地图包
Android百度地图(四)如何引入离线地图包本文代码在http://blog.csdn.net/xyzz609/article/details/51955363的基础上进一步修改,有兴趣的同学可以 ...

maptalk地图以及自定义标点的引入

maptalk地图以及自定义标点的引入相关推荐

最新文章

热门文章