# Berlin Asian Food Map

## Problem to Solve

## User Stories

As a site visitor, I want to be able to:
- See how many businesses are in an area
- See exactly where a business is
- Filter businesses by cuisine
- Search by name
- Click in to see business details
- Find out more about the project
-
**Bonus:**
- Filter by takeaway/delivery
- Submit entries / updates

## Design
Wireframe
Mockups

### Design Inspiration
https://github.com/sunbliss/photorama
https://github.com/r-dent/BerlinLocals

## Tech Stack - Research

Reference: [Berlin Local Businesses](https://r-dent.github.io/BerlinLocals/?fbclid=IwAR21aJDz3fq8slZlldatrs_ZCQKvMHVBGI_UwXWVGC9A6Cxa-hS-qD9vGRQ)
OpenStreet Map

Styling: Mapbox
-- Need to update the GeoJSON Data

Map: [LeafletJS](https://github.com/Leaflet/Leaflet)

GeoJSON Data: https://geojson.net/#2/20.0/0.0
Tileset:

With R-Dent's Map
========

Hey, actually i programmed all the stuff with leaflet.js. Mapbox is just an optional tile provider you can use if you don´t want a default OSM map.
I´ll have a look at your data and check if i maybe can easily integrate it.

i created [a repository](https://github.com/r-dent/BerlinAsianFoodMap) where i applied your data to what i build for the Berlin map. It currently looks [like this](https://r-dent.github.io/BerlinAsianFoodMap/).
I invited you as a collaborator, but you can also fork if you want.
I did all changes in [one commit](https://github.com/r-dent/BerlinAsianFoodMap/commit/e7777a6940cd08b184153fc083a7ef27f3c7a62b), so you maybe have a better overview of what needed to be done. (edited)

You have to provide your own marker images to have custom icons. See the [images folder](https://github.com/r-dent/BerlinAsianFoodMap/tree/master/images)

Category -\> Image mapping is then done [here](https://github.com/r-dent/BerlinAsianFoodMap/blob/master/map.js#L133).

When you want to test the map locally and you are on a Mac, you can just open a terminal in the project folder, type `python -m SimpleHTTPServer 8080` and visit <http://localhost:8080/> .