https://github.com/amaanabbasi/3DmapsDjango

How to Add Maps + 3D buildings to Django Web App
https://github.com/amaanabbasi/3DmapsDjango

3d-map django django-map interactive-maps mapbox

Last synced: 2 months ago
JSON representation

How to Add Maps + 3D buildings to Django Web App

• Host: GitHub
• URL: https://github.com/amaanabbasi/3DmapsDjango
• Owner: amaanabbasi
• Created: 2018-07-08T15:19:38.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T02:15:39.000Z (about 2 years ago)
• Last Synced: 2024-08-08T23:22:50.782Z (6 months ago)
• Topics: 3d-map, django, django-map, interactive-maps, mapbox
• Language: Python
• Size: 34.2 KB
• Stars: 27
• Watchers: 3
• Forks: 9
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 3DmapsDjango

Adding maps to your Django apps. The following steps will guide you through on how to add maps to your django projects. Along with,

displaying 3D buildings. I have used [Mapbox](https://www.mapbox.com/api-documentation/) api for this project.

# Sign-up for Mapbox

Head to the [Mapbox](https://www.mapbox.com/). Click on "Get started". Sign up for a free account. Once you have signed in,

Click the "JS Web" option. Then, choose "Use the Mapbox CDN" to install Mapbox GL JS. Once you have done that you will be provided with a access token, like this one "pk.eyJ1IjoIcGVuh29veCIsImEiOiJjampHNshreDkwbGZ5M3BxbXZkdDQ0dGdpIn1.-36WPGfz6NY90m3trPkNyw".

![2018-07-08 1](https://user-images.githubusercontent.com/30196830/42422235-dc232b4a-82ff-11e8-82e5-d6f6f54b4da8.png)

# Getting started

* Clone the repository.

* Create a virtual environment.

`python -m venv djangomaps`

* Activate the virtualenv

`.\Scripts\activate` (Windows users)

or

`source djangomaps/bin/activate` (mac users)

* This will install all the neccessary packages.

`pip install -r requirements.txt`

* After its done, cd into `src/maps`, open `views.py` and put the access token within the quotes.

  Go ahead and run the application.

```python

python manage.py runserver

```

* Go to localhost

![local](https://user-images.githubusercontent.com/30196830/42422925-f308a002-830d-11e8-82e7-61d62c8a0774.png)

[Detailed instructions](https://pengoox.github.io/3DmapsDjango/)

# Usage

views.py

```python

def default_maps(request):

	# TODO: move Token to settings.py file

	mapbox_access_token = 'PUT TOKEN HERE.'

	

	return render(request, 'details.html', {'mapbox_access_token':mapbox_access_token})

```