Ricky Moorhouse

Travel

Birds on Galveston Island

As I hadn't adapted to Central time and still waking up close to UK time I headed out early and drove down to Galveston Island to try and see the local brown pelicans. In Galveston, they get both the brown pelicans, and the invasive white pelicans which have tried to take over.

There is a vast length of beach along the island, and it was so peaceful in the early morning, with just the birds (and the bird watchers) about! I first stopped at a beach side car park and saw the Laughing Gulls and the Willets. Then on the way back along I stopped at Galveston Fishing Pier to see what more I could see if I was a bit further out into the sea. There I was treated to a group of Pelicans flying across in front of me at the end of the pier.

Laughing Gulls

Willets

Brown Pelicans

After this I headed back up towards Houston to get to the Space Center just as it opened. On the way across the bridge back to the mainland from Galveston there were two flocks of Pelicans that flew really low across the road - so close, it felt like I was being dive bombed by them!

Places Visited Map

For a while I've had a variation on my map of the places I've visited - here's a summary of how my current version is working.

The whole site is currently generated by hugo, a static site generator with no server side component. The map is powered by MapBox GL which lets me choose any of the mapbox styles to use for my map. I create a markdown file for each place on the map, with the latitude and longitude in the 'front matter' for the post which looks something like this:

    ---
    title: "Salto"
    layout: travel
    datePosted: 2003
    photo: "/travel/image.jpg"
    lat: -31.387022
    lng: -57.968802
    ---

I then have a list layout for travel items which will generate GeoJSON data from the list of places. In my current version of the map this is inline within the page and fed directly into the Mapbox javascript method like this (roughly based on the Mapbox GeoJSON points tutorial):

        ...
        map.addLayer({
            "id": "places",
            "type": "circle",
            "source": {
                "type": "geojson",
                "data": {
                    "type": "FeatureCollection",
                    "features": [
        {{ range .Pages }}
                    {
                        "type": "Feature",
                        "geometry": {
                            "type": "Point",
                            "coordinates": [{{ .Params.lng }}, {{ .Params.lat }}]
                        },
                        "properties": {
                            "title": "{{ .Title }}",
                            "description": "{{ .Content }}"
                        }
                    },
        {{ end }}
                    ]
        ...