diff options
author | Mark Wells <mark@freeside.biz> | 2015-12-10 13:32:48 -0800 |
---|---|---|
committer | Mark Wells <mark@freeside.biz> | 2015-12-10 13:33:10 -0800 |
commit | c789a4a738d7c4a711898cfc2eadc33362c8383d (patch) | |
tree | 9054855dd51132bbf45ea735d0c0f6ccbe519f58 /httemplate | |
parent | 3bb1455dbe349c3e03c80e80ceeb059993d1ef10 (diff) |
usage hints for 477 zone editor, #30260
Diffstat (limited to 'httemplate')
-rw-r--r-- | httemplate/elements/polygon.html | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/httemplate/elements/polygon.html b/httemplate/elements/polygon.html index 41ba65374..469ae7f13 100644 --- a/httemplate/elements/polygon.html +++ b/httemplate/elements/polygon.html @@ -8,8 +8,9 @@ my $vertices_json = $opt{'curr_value'} || '[]'; </%init> <& hidden.html, %opt &> <div id="<% $div_id %>" style="height: 600px; width: 600px"></div> +<div id="<% $div_id %>_hint" style="width: 100%; border: 2px solid black; text-align: center; box-sizing: border-box; padding: 4px"> </div> -<script src="https://maps.googleapis.com/maps/api/js?libraries=drawing&v=2"></script> +<script src="https://maps.googleapis.com/maps/api/js?libraries=drawing&v=3.22"></script> <script> var map; var drawingManager; @@ -34,7 +35,13 @@ $(function() { scaleControl: true, streetViewControl: false, }; - map = new google.maps.Map($('#<% $div_id %>')[0], mapOptions); + var div_map = $('#<% $div_id %>'); + var div_hint = $('#<% $div_id %>_hint'); + map = new google.maps.Map(div_map[0], mapOptions); + + var set_hint = function(txt) { + div_hint.text(txt); + } var polygonComplete = function(p) { window.polygon = p; @@ -55,6 +62,9 @@ $(function() { // and also now updateFormInput(); + + set_hint('Edit the zone by dragging the markers. Double-click to remove a vertex.'); + }; var polygonOptions = { @@ -118,6 +128,8 @@ $(function() { map.setZoom(12); }); } // on error, or if geolocation isn't available, do nothing + + set_hint('Click to place the corners of the zone.'); } }); |