supermap
粉末的沉淀
无趣
展开
-
supermap:leaflet 自定义Marker的图片
在vue中,要是用import来设置icon的url。效果图:在html中可以直接写icon的url。原创 2021-12-08 17:04:25 · 292 阅读 · 0 评论 -
supermap:聚合的使用
点聚合的作用是把一定范围内的点聚合在一起计数,举个例子,中国有100所大学,其中湖北省有40所,湖南省30所,广东省20所,广西省10所,然后往下继续细分到每一所大学的定位,那么我们在地图初始化状态看到一个圆圈,标注数字是100,这是总数,继续放大,一个圆圈变成4个圆圈,上面分别是40,30,20和10,以此类推。1、安装Leaflet.markerclusterhttps://github.com/Leaflet/Leaflet.markercluster还是推荐使用npm install l原创 2021-12-08 18:34:48 · 1323 阅读 · 1 评论 -
supermap:在vue项目里使用leaflet创建地图
<template> <div id="map" style="margin: 20px auto; width:100%;height:500px;"></div> <!-- width可以为100%,但是height必须是一个确定的值 --></template><script> export default { name: "hello", components: { }, data() { .原创 2021-12-03 16:32:48 · 2523 阅读 · 2 评论 -
supermap:在vue项目里使用leaflet的环境准备
leaflet是地图组件(官网全英文),supermap将其封装得更为强大,我使用的是封装后的SuperMap iClient for Leaflet。1、安装SuperMap iClient for Leaflet执行命令:npm install @supermap/iclient-leaflet2、安装依赖执行命令:npm install3、引入css<link rel="stylesheet" href="https://unpkg.com/[email protected]/原创 2021-12-03 15:31:17 · 2273 阅读 · 4 评论