wrapper/lpads
1
0
Fork 0
mirror of https://github.com/crawlerop/lpads synced 2026-08-13 14:02:32 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

overhauled the pin icons

Browse source
This commit is contained in:
Crawlerop 2020-11-13 18:37:11 +07:00
parent 487b4e15d5
commit ef13c3fb73
5 changed files with 47 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

1
lpadsjs/editor.md
View file

@ -1,4 +1,5 @@
<noscript>Please enable the javascript for LPAds.js to work!</noscript>
<div align="center">
<h1>LPEditor</h1>
<div id="map" style="width: 640px; height: 360px;"></div>

22
lpadsjs/editormain.js
View file

@ -116,15 +116,29 @@ function findOverride(adData) {
return -1
}
function setupIcon(url, size) {
return L.icon({
iconUrl: url,
iconSize: [size[0],size[1]],
iconAnchor: [size[0]/2,size[1]],
popupAnchor: [0,-size[1]+0]
})
}
function loadMarker(data) {
data.forEach(function(ad){
m = L.marker(ad.adLocation.split(", "))
if (ad.adPinImage != null) {
if (ad.adPinImage.search("composite_map_square") != -1) {
newIcon = ad.adPinImage.replace("composite_map_square_logo", "composite_map_pinlet")
if (ad.adPinImage.search("_v") == -1) {
newIcon += "_v1"
}
} else {
newIcon = ad.adPinImage
}
m = L.marker(ad.adLocation.split(", "), {
icon: L.icon({
iconUrl: ad.adPinImage,
iconSize: [32,32]
})
icon: setupIcon(newIcon, [43,60])
})
}
m.on("click", function(){

34
lpadsjs/mapads_marker.html
View file

@ -37,6 +37,7 @@
</head>
<body>
<noscript>Please enable the javascript for LPAds.js to work!</noscript>
<div id="mapid"></div>
<script>
var searching = false;
@ -316,15 +317,29 @@
xhr4.send()
}
function setupIcon(url, size) {
return L.icon({
iconUrl: url,
iconSize: [size[0],size[1]],
iconAnchor: [size[0]/2,size[1]],
popupAnchor: [0,-size[1]+0]
})
}
function setupMarker(ad) {
m = L.marker(ad.adLocation.split(", "), {title: ad.adName})
if (ad.adPinImage != null) {
if (ad.adPinImage.search("composite_map_square") != -1) {
newIcon = ad.adPinImage.replace("composite_map_square_logo", "composite_map_pinlet")
if (ad.adPinImage.search("_v") == -1) {
newIcon += "_v1"
}
} else {
newIcon = ad.adPinImage
}
m = L.marker(ad.adLocation.split(", "), {
title: ad.adName,
icon: L.icon({
iconUrl: ad.adPinImage,
iconSize: [32,32]
})
icon: setupIcon(newIcon, [43,60])
})
}
@ -413,11 +428,14 @@
adMarker = new L.marker(start, {
title: "Drag or click me to find location ads nearby!",
draggable: true,
icon: L.icon({
iconUrl: "https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678111-map-marker-64.png",
iconSize: [48,48]
})
icon: setupIcon("https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678111-map-marker-64.png", [43,42])
})
/*
d = new L.marker(start)
d.addTo(mymap)
*/
adMarker.addTo(data)
adMarker.on("dragstart", function() {
if (going == true) {

2
lpadsjs/mapads_marker_cors.html
View file

@ -19,4 +19,4 @@ if (locads != null) {
}
document.location = redto.slice(0,-1)
</script>
<noscript>This page has moved to mapads_marker.html</noscript>
<noscript>This page has moved to mapads_marker.html! Click <a href="mapads_marker.html">Here</a>.</noscript>

1
lpadsjs/search.html
View file

@ -3,6 +3,7 @@
<title>MapAds search</title>
</head>
<body>
<noscript>Please enable the javascript for the search function to work!</noscript>
<div id="searchtop">
<form action="" id="searchbar">
<label for="search" id="search1">Search for:</label>