chandlerswift/maps.chandlerswift.com
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity

Costco: Add business center pin for visual differentiation

Browse source
This commit is contained in:
Chandler Swift 2025-12-20 19:11:07 -06:00
parent 584b41c2a4
commit 87366362d8
Signed by: chandlerswift
GPG key ID: A851D929D52FB93F
2 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
layers/chains/costco/business-center-pin.svg Normal file
View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 -20 384 552"
width="40px"
height="30px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<path
d="m 384,192 c 0,87.4 -117,243 -168.3,307.2 -12.3,15.3 -35.1,15.3 -47.4,0 C 116.1,435 0,279.4 0,192 0,85.96 85.96,0 192,0 245.96029,0 294.73775,22.275796 329.62577,58.136607 363.27205,92.721042 384,139.94065 384,192 Z"
style="fill:white;fill-opacity:1;stroke:rgb(0, 96, 169);stroke-width:3em;" />
<g
id="g1175"
transform="scale(12) translate(1,1)"
style="stroke-width:1.00260199;stroke-miterlimit:4;stroke-dasharray:none">
<path d="M25.4906 5.69636C23.5799 5.15172 21.6335 4.90172 19.6603 4.90172C12.4013 4.90172 5.81205 9.48207 4.67812 15.1874C3.56205 20.7589 8.19598 25.1071 15.2317 25.1071C16.8299 25.1071 20.2228 24.8749 21.7763 24.3303L23.4995 17.0089C21.9013 18.1606 19.9728 18.7946 17.9995 18.8392C15.312 18.8214 13.321 17.1606 13.7406 14.9999C14.1603 12.8392 16.696 11.1785 19.3835 11.1785C21.187 11.1964 22.9281 11.8928 24.2674 13.1249L25.4906 5.69636Z" fill="#E51937"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

9
layers/chains/costco/layer.js
View file

@ -7,18 +7,21 @@ import Icon from 'ol/style/Icon.js';
import url from './data.geojson?url'; // TODO: remove `?url`?
import pin from './pin.svg?url'; // TODO: remove `?url`?
import bcPin from './business-center-pin.svg?url'; // TODO: remove `?url`?
const vectorLayer = new VectorLayer({
source: new VectorSource({
url: url,
format: new GeoJSON,
}),
style: new Style({
style: function(feature){
return new Style({
image: new Icon({
anchor: [0.5, 1],
src: pin,
}),
src: feature.get("type") === "Business Center" ? bcPin : pin,
}),
});
},
});
export default vectorLayer;