{% load i18n %}

<input id="is_resize" type="hidden" value="{{ is_resize }}">
<input id="id_address" name="address" type="hidden" value="">
<input id="id_lng" name="lng" type="hidden" value="{{ location.lng|default_if_none:0 }}">
<input id="id_lat" name="lat" type="hidden" value="{{ location.lat|default_if_none:0 }}">
{% for location in location_list %}
    {% if location %}
        <input name="marker" type="hidden" value="{{ location.lng }},{{ location.lat }}">
    {% endif %}
{% endfor %}
<div id="map_canvas" data-target-id="id_location" class="google-map" style="width: {{ width }};height: {{ height }};"></div>

<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="{{ STATIC_URL }}js/gmap.js"></script>
<script src="//maps.googleapis.com/maps/api/js?sensor=false&libraries=places&language=en-us"></script>

<script type="text/javascript">
    $(function () {
        var is_resize = $("#is_resize").val() == 'true' ? true : false;
        initializeMap("map_canvas", "id_address", "id_lng", "id_lat", "marker", is_resize);
    });
</script>