<div id='{{html_id}}' style="height: {{options.height or '500'}}px;"></div>
<script type="text/javascript">
    (function(){
        var map = new google.maps.Map(document.getElementById('{{html_id}}'), {
            mapTypeId: {{ options.type }}
        });
        google.maps.event.addListenerOnce(map, 'idle', function(){
            {% if options.center %}
                map.setCenter({
                    lat: {{options.center.0}},
                    lng: {{options.center.1}}
                })
            {% endif %}
            {% if options.zoom %}
                map.setZoom({{ options.zoom }})
            {% endif %}
        });
        kmlLayer = new KmlMapParser({
            {% if options.zoomonclick == False %}
                zoomOnClick: false,
            {% endif %}
            map: map,
            kml: {{ kml_url }}
        });
        /* {{ options }} */
    })()
</script>
