forked from barryclark/jekyll-now
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathHouston-Lakeside-Country-Club.htm
74 lines (61 loc) · 3.08 KB
/
Houston-Lakeside-Country-Club.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
---
---
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lakeside Country Club - Houston, Texas</title>
<meta name="description" CONTENT="Lakeside Country Club Rebuild New Golf Course Houston Texas Jay Blasi Routing">
{% include h.html %}
</head>
<body>
<div class="main-container" role="main">
<div id="map" aria-label="Houston"></div>
<div class="content" tabindex="0" aria-label="Jay Blasi">
</div>
</div>
<script>
const map = L.map('map').setView([29.7646835,-95.5802551], 8);
const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 30,
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);
L.CustomOverlay = L.Layer.extend({
onAdd: function(map) {
this._map = map;
this._container = L.DomUtil.create('div', 'leaflet-custom-overlay');
this._container.innerHTML = `
<lite-youtube videoid="XCFHR7XtWhI" style="background-image: url('https://i3.ytimg.com/vi/XCFHR7XtWhI/hqdefault.jpg');">
<a href="https://youtube.com/watch?v=XCFHR7XtWhI" class="lty-playbtn" title="Play Video. Credit: Jay Blasi Design -- Golf Course Architecture">
<span class="lyt-visually-hidden">Credit: Jay Blasi Design -- Golf Course Architecture</span>
</a>
</lite-youtube>
`;
// Add the container to the map
map._panes.overlayPane.appendChild(this._container);
// Update the position of the overlay on the map
this._update();
},
onRemove: function(map) {
L.DomUtil.remove(this._container);
},
_update: function() {
// Position the layer. This example assumes a fixed position, but you can use map latlng to position dynamically
// var position = this._map.latLngToLayerPoint(this._latlng || this._map.getCenter());
var position = this._map.containerPointToLayerPoint([10, 10]); // Adjust the position as needed
L.DomUtil.setPosition(this._container, position);
}
});
// Add the custom overlay to the map
var myCustomOverlay = new L.CustomOverlay();
myCustomOverlay.addTo(map);
// Add a marker to the map at the same location as the map center
var marker = L.marker([29.7646835,-95.5802551]).addTo(map);
marker.bindPopup("<b>Lakeside Country Club</b><br>Houston, Texas</br>").openPopup();
</script>
<p><a href="https://fescue.github.io/McArthur-West/">McArthur's Back Yard by Coore Crenshaw</a></p>
<p><a href="https://fescue.github.io/GrayBull/">David Kidd's GrayBull in Nebraska</a></p>
<p><a href="https://fescue.github.io/Old-Sawmill-Golf/">Old Sawmill in South Carolina</a></p>
{% include bodyFooter.html %}
</body>
{% include footer.html %}
</html>