Template source: preview_map.html

{% extends 'web_map.html' %} {% load staticfiles %} {% load mapcomponent %} {% block site_title %}Preview{% endblock %} {% block mapcontrol_options %} zoomControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER }, mapTypeControl: false, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.RIGHT_CENTER } {% endblock %} {% block extra_styles %} <link rel="stylesheet" type="text/css" href="{% static 'css/crash_map.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'css/agro_parks.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'css/pop_over.css' %}" /> {% endblock %} {% block header %} <div class="site-header"> <a href="http://www.monagis.com"><div class="mgi_logo"></div></a> {% block header_title %}<div class="site-title">Preview</div>{% endblock %} </div> {% endblock %} {% block edit_mode_frame %}{% endblock %} {% block search_result_template %} {% include 'search/mjem_result_template.html' %} {% endblock %} {% block content %} {% if map.is_draft %} <div class="watermark">{% block watermark %}<p>DRAFT</p>{% endblock %}</div> {% endif %} {% load_map_components %} <div id="map-canvas"></div> <!-- Search Help Modal --> <div class="modal fade" id="search-help" tabindex="-1" role="dialog" aria-labelledby="search-helpLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">How to search the map</h4> </div> <div class="modal-body"> {% block help_text %} <p>To search the map, click and type in the search box found at the top of the layers panel. You can search for a location using its <strong>name</strong>, <strong>parish</strong>, <strong>region</strong>, <strong>city</strong>, <strong>state</strong> or <strong>label</strong> properties.</p> <p>For example, searching for <strong>Kingston</strong> will find all energy locations in Kingston. <p>Clicking on a search result will zoom to the point and display it's properties.</p> <h3><strong>Note</strong></h3> <ul> <li>Search will be executed only for layers that are currently visible.</li> </ul> {% endblock %} </div> </div> </div> </div> <div class="modal fade" id="fatal-years" tabindex="-1" role="dialog" aria-labelledby="fatal-yearsLabel"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="fatalLabel">Years</h4> </div> <div class="modal-body"> {% for map in maps %} <a href="{% url 'maps:web-maps' map.slug %}" class="map-link">{{map.title}}</a> {% endfor %} </div> </div> </div> </div> {% endblock %} {% block footer %} {% endblock %}