42 lines
1.2 KiB
Twig
42 lines
1.2 KiB
Twig
<script src="//maps.google.com/maps/api/js?key={{ gmaps_api_key|raw }}" type="text/javascript"></script>
|
|
<script src="/assets/vendors/custom/gmaps/gmaps.js" type="text/javascript"></script>
|
|
|
|
<script>
|
|
|
|
var polygons = new Array();
|
|
|
|
initMap();
|
|
|
|
function initMap() {
|
|
var map = new google.maps.Map(document.getElementById('m_geomap'),
|
|
{
|
|
center: {lat: 14.6091, lng: 121.0223},
|
|
mapTypeId: 'roadmap',
|
|
zoom: 13
|
|
});
|
|
|
|
{% if areas %}
|
|
{% for obj in areas %}
|
|
var pointsArray = new Array();
|
|
|
|
{% for point in obj.getCoverageArea.getRing(0).getPoints() %}
|
|
var polylatlng = new google.maps.LatLng(
|
|
{{ point.getLatitude }},
|
|
{{ point.getLongitude }});
|
|
|
|
pointsArray.push(polylatlng);
|
|
{% endfor %}
|
|
|
|
var coveredarea = new google.maps.Polygon({
|
|
paths: pointsArray,
|
|
fillColor: "#FF0000",
|
|
fillOpacity: .5,
|
|
mapTypeId: 'roadmap'
|
|
});
|
|
coveredarea.setMap(map);
|
|
|
|
polygons[{{ obj.getID}}] = coveredarea;
|
|
|
|
{% endfor %}
|
|
{% endif %}
|
|
}
|