add new blog post on maps in django

mattmakai · mattmakai · commit ff39faff7f95 · 2018-05-26T17:55:08.000-04:00
diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@ Posts and associated code:
 
 |Post|Code Directory|
 |---|---|
-|How to Add Maps to Django Web App Projects with Mapbox|[maps-django-mapbox](./maps-django-mapbox)|
+|[How to Add Maps to Django Web App Projects with Mapbox](https://www.fullstackpython.com/blog/maps-django-web-applications-projects-mapbox.html)|[maps-django-mapbox](./maps-django-mapbox)|
 |[Full Stack Python at PyCon US 2018](https://www.fullstackpython.com/blog/full-stack-python-pycon-us-2018.html)|No code in post.|
 |[Monitoring Python 3.6 Code on AWS Lambda](https://www.fullstackpython.com/blog/monitor-python-3-6-example-code-aws-lambda-rollbar.html)|[monitor-aws-lambda-python-3-6](./monitor-aws-lambda-python-3-6)|
 |[Developing Flask Apps in Docker Containers on macOS](https://www.fullstackpython.com/blog/develop-flask-web-apps-docker-containers-macos.html)|[docker-flask-mac](./docker-flask-mac)|
diff --git a/maps-django-mapbox/djmaps/djmaps/urls.py b/maps-django-mapbox/djmaps/djmaps/urls.py
@@ -13,9 +13,11 @@
     1. Import the include() function: from django.urls import include, path
     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
 """
+from django.conf.urls import include
 from django.contrib import admin
 from django.urls import path
 
 urlpatterns = [
+    path('', include('maps.urls')),
     path('admin/', admin.site.urls),
 ]
diff --git a/maps-django-mapbox/djmaps/maps/templates/default.html b/maps-django-mapbox/djmaps/maps/templates/default.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Interactive maps for Django web apps</title>
+    <script src='https://api.mapbox.com/mapbox-gl-js/v0.44.2/mapbox-gl.js'></script>
+    <link href='https://api.mapbox.com/mapbox-gl-js/v0.44.2/mapbox-gl.css' rel='stylesheet' />
+  </head>
+  <body>
+   <h1>Map time!</h1>
+   <div id='map' width="100%" style='height:400px'></div>
+   <script>
+    mapboxgl.accessToken = '{{ mapbox_access_token }}';
+    var map = new mapboxgl.Map({
+     container: 'map',
+     style: 'mapbox://styles/mapbox/satellite-streets-v10',
+     center: [-77.03, 38.91],
+     zoom: 9,
+     bearing: 180
+    });
+   </script>
+  </body>
+</html>
diff --git a/maps-django-mapbox/djmaps/maps/views.py b/maps-django-mapbox/djmaps/maps/views.py
@@ -1,3 +1,10 @@
 from django.shortcuts import render
 
-# Create your views here.
+
+def default_map(request):
+    # TODO: move this token to Django settings from an environment variable
+    # found in the Mapbox account settings and getting started instructions
+    # see https://www.mapbox.com/account/ under the "Access tokens" section
+    mapbox_access_token = 'pk.your_mapbox_access_token'
+    return render(request, 'default.html',
+                  { 'mapbox_access_token': mapbox_access_token })
