高德地图JS添加海量点

//创建地图 ditu_add 容器ID
var map = new AMap.Map('ditu_add', {zoom: 12, //级别center: [118.326443, 35.065282], //中心点坐标viewMode: '3D', //使用3D视图mapStyle: "amap://styles/8ce81794726a2f639a98dc3873d40114"//地图皮肤
});
var mess;
//设置自定义 点样式，根据后台返回的数据中 style：0 字段可现实不同照片
var style = [{url: 'img/sh1.png',anchor: new AMap.Pixel(6, 6),size: new AMap.Size(30,30),zIndex: 4},{url: 'img/sh2.png',anchor: new AMap.Pixel(6, 6),size: new AMap.Size(30,30),zIndex: 4},{url: 'img/sh3.png',anchor: new AMap.Pixel(6, 6),size: new AMap.Size(30,30),zIndex: 4}]//创建海量点 //dt为数据 :/*    address: "XXX街道"babh: ""color: "yellow"dpzb: "128.225348,25.155108"jyz: "黄海滨"lnglat: [[118.225398],[35.155108]]overtime: nullstyle: 0数据都会被存到点里面*/mass = new AMap.MassMarks(dt, {opacity: 1,zIndex: 111,cursor: 'pointer',style: style})//点击事件 点击后弹窗//所有数据都可以在 e 里面获取到 mass.on('click', function(e) {var infoWindow = new AMap.InfoWindow({isCustom: true, //使用自定义窗体content："<div>hello</div>",size: new AMap.Size(0, 0),autoMove: true,offset: new AMap.Pixel(10, 0)})infoWindow.open(map, [e.data.lnglat.lng, e.data.lnglat.lat]);})mass.setMap(map);
// 弹窗关闭
function closeInfoWindow() {map.clearInfoWindow();
}

高德地图JS添加海量点相关推荐

vue 给圆遮盖物添加文字高德地图_通过 Vue + 高德地图 JS API 在地图上标记咖啡店...
通过 Vue + 高德地图 JS API 在地图上标记咖啡店由学院君创建于2年前, 最后更新于 2年前版本号 #1 在上一篇教程中我们为咖啡店地址进行了地理编码,这样,就可以调用高德地图支持的 ...
高德地图JS API之海量点标记十万以内的点
高德地图JS API之海量点标记十万以内的点怎么引入高度地图就不写了,官方是这样说的:当需要在地图展示数量为十万以内的点并且需要较好的性能表现时,可以使用 AMap.MassMarks 类.AMap ...
android高德marker添加点击,高德地图上添加marker，给每一个marker添加点击事件。...
高德地图上添加marker,给每一个marker添加点击事件. 高德地图上添加marker,给每一个marker添加点击事件.javascript var watch = [] $.ajax({ ty ...
在vue项目中使用高德地图JS API
在vue项目中使用高德地图JS API,而不是amap依赖包~ 一. 必做的准备工作注册账号并申请key 首先,注册开发者账号,成为高德开放平台开发者登陆之后,在进入「应用管理」页面「创建新应用 ...
高德地图 JS Web 添加自定义图标，自定义窗口标记
高德地图 JS Web 添加自定义图标,自定义窗口标记如何做一个类似这样的地点指示的地图: 线上实例: http://kylebing.cn/tools/map/#/info/car-departm ...
cordova下使用高德地图js api在4g流量下定位失败问题的解决
问题描述 cordova页面中使用高德地图js api AMap.Geolocation的geolocation.getCurrentPosition()方法进行定位用手机4g打开该页面,定位失败, ...
高德地图marker添加属性、更换icon图标
为高德地图marker添加属性首先创建marker //创建iconvar icon = new AMap.Icon({size: new AMap.Size(25, 34),image: '/im ...
android定位附近店铺,高德地图怎么添加店铺位置_高德地图定位怎么设置添加自己家店铺位置_攻略...
高德地图是国内最知名的地图导航软件,基本上每个人的手机上都有这款软件.如今想要方便出行都可以通过高得地图查询位置就可以了,给我们的生活带来了很多的便利.在高德地图上也可以很方便的查询各个地方的店铺,通 ...
高德地图API 添加标点自定义标点
高德地图API 添加标点自定义标点在我们创建完地图实例后,就可以在地图中添加遮盖物,覆盖物有多种类型,今天只说点标记首先构造一个点标记添加默认样式点标记 // 构造点标记 var marker ...

高德地图JS添加海量点

高德地图JS添加海量点相关推荐

最新文章

热门文章