| 1 |
<?php if (!defined('ABSPATH')) exit; ?> |
| 2 |
<div data-columns="8"> |
| 3 |
|
| 4 |
<span class="wpgmap_msg_error" style="width:80%;"> |
| 5 |
<!--validation error will goes here--> |
| 6 |
</span> |
| 7 |
|
| 8 |
<!-- google map properties --> |
| 9 |
<div class="wp-gmap-properties"> |
| 10 |
<table class="gmap_properties"> |
| 11 |
<tr> |
| 12 |
<td> |
| 13 |
<label for="wpgmap_title"><b><?php _e('Map Title','gmap-embed');?></b></label><br/> |
| 14 |
<input id="wpgmap_title" name="wpgmap_title" value="" type="text" |
| 15 |
class="regular-text"> |
| 16 |
<br/> |
| 17 |
|
| 18 |
<input type="checkbox" value="1" name="wpgmap_show_heading" |
| 19 |
id="wpgmap_show_heading"> |
| 20 |
<label for="wpgmap_show_heading"><?php _e('Show as map title','gmap-embed');?></label> |
| 21 |
</td> |
| 22 |
</tr> |
| 23 |
<tr> |
| 24 |
<td> |
| 25 |
<label for="wpgmap_latlng"><b><?php _e('Latitude, Longitude','gmap-embed');?></b></label><br/> |
| 26 |
<input id="wpgmap_latlng" name="wpgmap_latlng" value="" type="text" |
| 27 |
class="regular-text"> |
| 28 |
</td> |
| 29 |
</tr> |
| 30 |
<tr> |
| 31 |
<td> |
| 32 |
<label for="wpgmap_heading_class"><b><?php _e('Heading Custom Class','gmap-embed');?> <span style="color:gray;">(if any)</span></b></label><br/> |
| 33 |
<input id="wpgmap_heading_class" name="wpgmap_heading_class" value="" type="text" |
| 34 |
class="regular-text"> |
| 35 |
</td> |
| 36 |
</tr> |
| 37 |
|
| 38 |
<tr> |
| 39 |
<td> |
| 40 |
<label for="wpgmap_map_zoom"><b><?php _e('Zoom','gmap-embed');?></b></label><br/> |
| 41 |
<input id="wpgmap_map_zoom" name="wpgmap_map_zoom" value="13" type="text" |
| 42 |
class="regular-text"> |
| 43 |
<br/> |
| 44 |
|
| 45 |
<label for="wpgmap_disable_zoom_scroll"><input type="checkbox" value="1" |
| 46 |
name="wpgmap_disable_zoom_scroll" |
| 47 |
id="wpgmap_disable_zoom_scroll"> |
| 48 |
<?php _e('Disable zoom on mouse scroll','gmap-embed');?> |
| 49 |
</label> |
| 50 |
</td> |
| 51 |
</tr> |
| 52 |
|
| 53 |
<tr> |
| 54 |
<td> |
| 55 |
<label for="wpgmap_map_width"><b><?php _e('Width (%)','gmap-embed');?></b></label><br/> |
| 56 |
<input id="wpgmap_map_width" name="wpgmap_map_width" value="100%" |
| 57 |
type="text" class="regular-text"> |
| 58 |
</td> |
| 59 |
</tr> |
| 60 |
|
| 61 |
<tr> |
| 62 |
<td> |
| 63 |
<label for="wpgmap_map_height"><b><?php _e('Height (px)','gmap-embed');?></b></label><br/> |
| 64 |
<input id="wpgmap_map_height" name="wpgmap_map_height" value="300px" |
| 65 |
type="text" class="regular-text"> |
| 66 |
</td> |
| 67 |
</tr> |
| 68 |
|
| 69 |
<tr> |
| 70 |
<td> |
| 71 |
<label for="wpgmap_map_type"><b><?php _e('Map Type','gmap-embed');?></b></label><br/> |
| 72 |
<select id="wpgmap_map_type" class="regular-text" style="width:25em;"> |
| 73 |
<option>ROADMAP</option> |
| 74 |
<option>SATELLITE</option> |
| 75 |
<option>HYBRID</option> |
| 76 |
<option>TERRAIN</option> |
| 77 |
</select> |
| 78 |
</td> |
| 79 |
</tr> |
| 80 |
|
| 81 |
<tr> |
| 82 |
<td> |
| 83 |
<label for="wpgmap_map_address"><b><?php _e('Location Address','gmap-embed');?></b></label><br/> |
| 84 |
<input type="text" id="wpgmap_map_address" style="width:25em;" |
| 85 |
name="wpgmap_map_address" class="regular-text"> |
| 86 |
|
| 87 |
<br/> |
| 88 |
|
| 89 |
<label for="wpgmap_show_infowindow"><input type="checkbox" value="1" |
| 90 |
name="wpgmap_show_infowindow" |
| 91 |
id="wpgmap_show_infowindow"> |
| 92 |
<?php _e('Show in marker infowindow','gmap-embed');?> |
| 93 |
</label> |
| 94 |
|
| 95 |
<br/> |
| 96 |
|
| 97 |
<label for="wpgmap_enable_direction"><input type="checkbox" value="1" |
| 98 |
name="wpgmap_enable_direction" |
| 99 |
id="wpgmap_enable_direction"> |
| 100 |
<?php _e('Enable Direction in Map','gmap-embed');?> |
| 101 |
</label> |
| 102 |
|
| 103 |
|
| 104 |
</td> |
| 105 |
</tr> |
| 106 |
|
| 107 |
</table> |
| 108 |
</div> |
| 109 |
|
| 110 |
|
| 111 |
<div class="wp-gmap-preview"> |
| 112 |
<input id="pac-input" class="controls" type="text" placeholder="<?php _e('Search by Address, Zip Code','gmap-embed');?>"/> |
| 113 |
<div id="map" style="height: 415px;"></div> |
| 114 |
</div> |
| 115 |
|
| 116 |
<script type="text/javascript" |
| 117 |
src="<?php echo esc_url(plugins_url("../assets/js/geo_based_map.js", __FILE__)); ?>"></script> |
| 118 |
</div> |
| 119 |
|
| 120 |
<div class="media-frame-toolbar"> |
| 121 |
<div class="media-toolbar"> |
| 122 |
<div class="media-toolbar-secondary" |
| 123 |
style="text-align: right;float: right;margin-top:10px;"> |
| 124 |
<span class="spinner" style="margin: 0px !important;float:left;"></span> |
| 125 |
<button class="button button-primary" id="wp-gmap-embed-save"><?php _e('Save','gmap-embed');?></button> |
| 126 |
</div> |
| 127 |
</div> |
| 128 |
</div> |
