add a form to get APIkey

rochacbruno · rochacbruno · commit 91c8171b9397 · 2018-10-04T12:35:18.000-03:00
diff --git a/examples/example.py b/examples/example.py
@@ -7,10 +7,15 @@
 app = Flask(__name__, template_folder="templates")
 
 # you can set key as config
-app.config['GOOGLEMAPS_KEY'] = "AIzaSyAZzeHhs-8JZ7i18MjFuM35dJHq70n3Hx4"
+#app.config['GOOGLEMAPS_KEY'] = "AIzaSyDP0GX-Wsui9TSDxtFNj2XuKrh7JBTPCnU"
 
 # you can also pass key here
-GoogleMaps(app, key="AIzaSyAZzeHhs-8JZ7i18MjFuM35dJHq70n3Hx4")
+GoogleMaps(
+    app,
+    #key="AIzaSyDP0GX-Wsui9TSDxtFNj2XuKrh7JBTPCnU"
+)
+
+# NOTE: this example is using a form to get the apikey
 
 
 @app.route("/")
@@ -306,7 +311,7 @@ def mapview():
             'infobox': 'This is a polyline'
         }]
     )
-    
+
     clickmap = Map(
         identifier="clickmap",
         varname="clickmap",
@@ -332,7 +337,8 @@ def mapview():
         movingmarkers=movingmarkers,
         collapsible=collapsible,
         infoboxmap=infoboxmap,
-        clickmap=clickmap
+        clickmap=clickmap,
+        GOOGLEMAPS_KEY=request.args.get('apikey')
     )
 
 
@@ -380,14 +386,20 @@ def fullmap():
         # maptype = "TERRAIN",
         # zoom="5"
     )
-    return render_template('example_fullmap.html', fullmap=fullmap)
+    return render_template(
+        'example_fullmap.html',
+        fullmap=fullmap,
+        GOOGLEMAPS_KEY=request.args.get('apikey')
+    )
 
 @app.route('/clickpost/', methods=['POST'])
 def clickpost():
-	# Now lat and lon can be accessed as:
-	Lat = request.form['lat']
-	lng = request.form['lng']
-	return "ok"
-	
+    # Now lat and lon can be accessed as:
+    lat = request.form['lat']
+    lng = request.form['lng']
+    print(lat)
+    print(lng)
+    return "ok"
+
 if __name__ == "__main__":
     app.run(debug=True, use_reloader=True)
diff --git a/examples/templates/example.html b/examples/templates/example.html
@@ -22,6 +22,13 @@
     <body>
         <h1>Flask Google Maps Example</h1>
 
+        Provide your Google Maps API Key to test it.
+        Get you APIKEY in <a href="https://cloud.google.com/maps-platform/?apis=maps">https://cloud.google.com/maps-platform/?apis=maps</a>
+        <form action="." method="GET">
+            <input type="text" name="apikey" id="apikey"/><input type="submit" value="load"/>
+        </form>
+        <hr>
+
         <h2> Template function centered, no marker </h2>
         {{googlemap("simple-map", 37.4419, -122.1419, varname="simplemap")}}
         <code>
diff --git a/examples/templates/example_fullmap.html b/examples/templates/example_fullmap.html
@@ -9,6 +9,12 @@
     </head>
     <body>
         <h1>Flask Google Maps Full Map Example</h1>
+        Provide your Google Maps API Key to test it.
+        Get you APIKEY in <a href="https://cloud.google.com/maps-platform/?apis=maps">https://cloud.google.com/maps-platform/?apis=maps</a>
+        <form action="." method="GET">
+            <input type="text" name="apikey" id="apikey"/><input type="submit" value="load"/>
+        </form>
+        <hr>
         {{ fullmap.html }}
 
     </body>
