Merge pull request #992 from Conengmo/mobile-scaling

Proper scaling on mobile phones

CHANGES.txt

@@ -13,6 +13,7 @@ Bug Fixes
 - Fix icon_create_function argument in MarkerCluster (conengmo #954)
 - Update stylesheet url in TimestampedGeoJson (frodebjerke #963)
 - Use Javascript template literals in Tooltip and Popup (jtbaker #955 #962)
+- Proper scaling on mobile phones (conengmo #992)
 
 0.6.0
 ~~~~~

folium/folium.py

@@ -169,6 +169,8 @@ class Map(MacroElement):
     """
     _template = Template(u"""
 {% macro header(this, kwargs) %}
+    <meta name="viewport" content="width=device-width,
+        initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <style>#{{this.get_name()}} {
         position: {{this.position}};
         width: {{this.width[0]}}{{this.width[1]}};

folium/templates/fol_template.html

@@ -15,6 +15,8 @@
     <style>html, body {width: 100%;height: 100%;margin: 0;padding: 0;}</style>
     <style>#map {position:absolute;top:0;bottom:0;right:0;left:0;}</style>
 
+    <meta name="viewport" content="width=device-width,
+        initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <style>#{{ map_id }} {
         position: relative;
         {{ width }}