at path：
ROOT
/
sistema
/
vendors
/
gmaps
/
examples
/
geometry.html
run：
R
W
Run
basic.html
1.63 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
context_menu.html
2.68 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
custom_controls.html
2.59 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
elevation_locations.html
1.99 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
elevation_routes.html
3.62 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
examples.css
965 By
2018-11-08 02:46:18
R
W
Run
Delete
Rename
fusion_tables.html
2.08 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geocoding.html
2.23 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geofences.html
2.83 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geolocation.html
2.21 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
geometry.html
2.99 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
kml.html
1.98 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
layers.html
1.98 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
layers_places.html
2.41 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
map_events.html
1.5 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
map_types.html
2.16 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
marker_clusterer.html
2.16 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
markers.html
2.37 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
overlay_map_types.html
2.76 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
overlays.html
2.08 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
polygons.html
4.13 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
polylines.html
2.07 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
render_directions.html
1.93 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
routes.html
1.78 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
routes_advanced.html
2.31 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static.html
1.43 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static_markers.html
1.65 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static_polylines.html
1.64 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
static_styles.html
1.76 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
styled_maps.html
2.46 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
travel_route.html
2.55 KB
2018-11-08 02:46:18
R
W
Run
Delete
Rename
error_log
up
📄
geometry.html
Save
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GMaps.js — Geometry overlays</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" src="../gmaps.js"></script> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="examples.css" /> <script type="text/javascript"> var map, rectangle, polygon, circle; $(document).ready(function(){ map = new GMaps({ el: '#map', lat: -12.043333, lng: -77.028333 }); var bounds = [[-12.030397656836609,-77.02373871559225],[-12.034804866577001,-77.01154422636042]]; rectangle = map.drawRectangle({ bounds: bounds, strokeColor: '#BBD8E9', strokeOpacity: 1, strokeWeight: 3, fillColor: '#BBD8E9', fillOpacity: 0.6 }); var paths = [[-12.040397656836609,-77.03373871559225],[-12.040248585302038,-77.03993927003302],[-12.050047116528843,-77.02448169303511],[-12.044804866577001,-77.02154422636042]]; polygon = map.drawPolygon({ paths: paths, strokeColor: '#25D359', strokeOpacity: 1, strokeWeight: 3, fillColor: '#25D359', fillOpacity: 0.6 }); var lat = -12.040504866577001; var lng = -77.02024422636042; circle = map.drawCircle({ lat: lat, lng: lng, radius: 350, strokeColor: '#432070', strokeOpacity: 1, strokeWeight: 3, fillColor: '#432070', fillOpacity: 0.6 }); for(var i in paths){ bounds.push(paths[i]); } var b = []; for(var i in bounds){ latlng = new google.maps.LatLng(bounds[i][0], bounds[i][1]); b.push(latlng); } for(var i in paths){ latlng = new google.maps.LatLng(paths[i][0], paths[i][1]); b.push(latlng); } map.fitLatLngBounds(b); }); </script> </head> <body> <h1>GMaps.js — Geometry overlays</h1> <div class="row"> <div class="span11"> <div id="map"></div> </div> <div class="span6"> <p>You can draw geometry overlays (which can be a polygon or a rectangle or a circle):</p> <pre>polygon = map.drawRectangle({ bounds: bounds, strokeColor: '#BBD8E9', strokeOpacity: 1, strokeWeight: 3, fillColor: '#BBD8E9', fillOpacity: 0.6 }); polygon = map.drawPolygon({ paths: paths, strokeColor: '#25D359', strokeOpacity: 1, strokeWeight: 3, fillColor: '#25D359', fillOpacity: 0.6 }); circle = map.drawCircle({ lat: lat, lng: lng, radius: 350, //350 meters strokeColor: '#432070', strokeOpacity: 1, strokeWeight: 3, fillColor: '#432070', fillOpacity: 0.6 });</pre> <p>Be careful with the settings as they are not the same for each overlay.</p> </div> </div> </body> </html>