Skip to content

Commit 54d6426

Browse files
committed
Add custom-marker to index.html with CSS
1 parent 37bcfc7 commit 54d6426

File tree

2 files changed

+22
-5
lines changed

2 files changed

+22
-5
lines changed

index.html

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,29 +24,46 @@
2424
<style>
2525
body,
2626
html {
27-
width: 100%;
27+
width: 100%;
2828
height: 100%;
29-
margin: 0;
29+
margin: 0;
3030
padding: 0;
3131
}
3232

3333
.geolonia {
34-
width: 100%;
34+
width: 100%;
3535
height: 100%;
3636
}
37+
38+
#custom-marker
39+
{
40+
width: 50px;
41+
height: 50px;
42+
cursor: pointer;
43+
display: none;
44+
}
45+
#custom-marker img
46+
{
47+
max-width: 100%;
48+
height: auto;
49+
}
3750
</style>
3851
</head>
3952
<body>
40-
53+
<div id="custom-marker">
54+
<img src="/logo.png" alt="CoderDojo">
55+
</div>
4156
<script id="geojson" type="application/json">
4257
</script>
4358
<div
4459
class="geolonia"
4560
data-geojson="./dojos.geojson"
4661
data-lat="35.6809591"
4762
data-lng="139.7673068"
48-
data-zoom="7"
63+
data-zoom="5"
4964
data-marker="off"
65+
data-custom-marker="#custom-marker"
66+
data-custom-marker-offset="0, 0"
5067
data-geolocate-control="on"
5168
data-cluster="off"
5269
></div>

logo.png

25.3 KB
Loading

0 commit comments

Comments
 (0)