有關前端技術的那些UX事 - 口罩地圖篇(GIS)

https://jiaantw.github.io/mask/
https://jiaantw.github.io/mask/

前言

正文開始

截自kiang提供的Github json檔

背景技術情境

在Leaflet,標記點是marker物件。
var nowPoint = L.circleMarker(
[position.coords.latitude, position.coords.longitude],
{
radius: 20,
fillColor: '#212529',
color: '#212529',
opacity: 1,
fillOpacity: 0.8
}
)

我想要討論的問題

其他人選擇的方案(一) - 熱點

左邊是放大前,右邊是放大後。 (截自: https://chengkai505.github.io/Mask-Map/)
GoShare畫面,左為放大前,右為放大後

其他人選擇的方案(二) - 最短距離

我選擇的方案(一) - 限定範圍

wemo(左),iRent(右)

我選擇的方案(二) — 限定縮放大小

wemo超過一定範圍即不顯示機車標記

結語

後記

初入職場的菜雞軟體工程師。在這裡試著用白話文讓一般人也可以理解程式能做到的事。

初入職場的菜雞軟體工程師。在這裡試著用白話文讓一般人也可以理解程式能做到的事。