Mexitecture

mexitecture is my effort to compile the most interesting milestones in the architecture of Mexico City. Please use the map below to explore the buildings, where they are located and a bit of history who have constructed them. While working on it, I have tried polymer and web-components.

The project is hosted at https://mexitecture.com

Run project

To run the project locally

polymer serve

to build the project

polymer lint
polymer build

the app is deployed with netlify

Notest on construction

• the main application is located in my-app.html
• used mapbox for mapping, tried google maps but was not customizable

bower install —save PolymerVis/mapbox-gl

 <mapbox-gl-marker
            id="casa-baragan"
            latitude=19.4105
            longitude=-99.1917
            width=64
            height=64
            border-radius="100%"
            background-image="https://placekitten.com/g/64/64"
            >
          </mapbox-gl-marker>

• TO-DO struggling to resize pop-up window, can't find how to adjust the class for the mapbox components
• tried css-grid for landing. a little messed up for the small mobile devices