Draw Circle Polygon Google Earth
Google Map line, shape and polygon builder
Draw circumvolve, rectangles, polygon, polyline and shape on maps and get coordinates
Just draw on Google Map, set styles and colors for your drawed shapes and become the code
Builders and generators Google
iv.iii Share
Line opacity
Line weight
Fill opacity
Google Map
Google Maps JavaScript API allows y'all the possibility to customize maps with your own content, styles and shapes for display on web pages and mobile devices.
The Maps JavaScript API features iv basic map types (roadmap, satellite, hybrid, and terrain) that you can customize with different layers, styles, controls, events, services and libraries.
The effect of the post-obit shapes builder will change everytime Google updates the base map manner. Use with caution.
Getting started
The smartest fashion to get more familiar with Google Maps JavaScript API is to encounter a uncomplicated example.
The post-obit code displays the map of Rome urban center center, Italy:
<html> <head> <title>Simple Map by seochecker</title> <meta proper noun="viewport" content="initial-scale=one.0"> <meta charset="utf-8"> </head> <body> <div id="my_seochecker_map"></div> <script> var map; role seochecker_map() { map = new google.maps.Map(document.getElementById('my_seochecker_map'), { center: {lat:41.923741, lng:12.494129}, zoom: 8 }); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=[YOUR_API_KEY]&callback=seochecker_map" async defer></script> </body> </html> To use the Maps JavaScript API, you must go an API key which you lot can and so add to your mobile app, website, or web server.
The API key is used to track API requests associated with your project for usage and billing.
Google map shapes components
On Google Map you can simply add together diverse shapes such as circles, rectangles, polygon and polyline. A shape is an object on the map tied to a breadth/longitude coordinate and styles.
Circles shape
A circle shape is similar to a Polygon, in that you can customize colors, weights and opacity for the outline line (stroke) and the expanse (fill).
Circle shape backdrop
| center Required | pecifies the google.maps.LatLng of the center of the circumvolve |
| radius Required | specifies the radius of the circumvolve, in meters. |
| Style selection | You can specifies the following fashion pick:
|
| Case | ... const my_circle = new google.maps.Circle({ center:{lat:41.93132402048365,lng:12.445079146808622}, radius:4826.969293198998, strokeColor:'#0062cc', strokeOpacity:0.5, strokeWeight:1, fillColor:'#133c55', fillOpacity:0.5 }); my_circle.setMap(map); ... |
Rectangles shape
A rectangle shape is similar to a Polygon, in that you tin can customize colors, weights and opacity for the outline line (stroke) and the area (fill). Rectangle has a premises belongings which defines its shape past specifying a google.maps.LatLngBounds
Rectangle shape properties
| bounds Required | pecifies the google.maps.LatLngBounds of the rectangle n, s, e, west |
| Style selection | You tin can specifies the following style option:
|
| Example | ... const my_rectangle = new google.maps.Rectangle({ premises:{n:33.685, south:33.671, due east:-116.234, due west:-116.251}, strokeColor:'#0062cc', strokeOpacity:0.v, strokeWeight:i, fillColor:'#133c55', fillOpacity:0.5 }); my_rectangle.setMap(map); ... |
Polygon shape
A polygon shape represents an expanse enclosed by a airtight path, which is defined by a series of coordinates. Polygon consist of a serial of coordinates in an ordered sequence. Yous can customize colors, weights and opacity for the outline line (stroke) and the expanse (fill).
Polygon shape properties
| path Required | object'southward paths property specifies an array of arrays. Each array defines a carve up sequence of ordered LatLng coordinates |
| Style pick | Yous can specifies the post-obit way option:
|
| Example | ... const my_polygon = new google.maps.Polygon({ path:{lat:25.774, lng:-eighty.19},{lat:xviii.466, lng:-66.118},{lat:32.321, lng:-64.757},{lat:25.774, lng:-eighty.19}, strokeColor:'#0062cc', strokeOpacity:0.five, strokeWeight:ane, fillColor:'#133c55', fillOpacity:0.five }); my_polygon.setMap(map); ... |
Polylines
The Polyline grade defines a linear overlay of connected line segments on the map. A Polyline object consists of an assortment of LatLng locations, and creates a series of line segments that connect those locations in an ordered sequence. You can customize colors, weights and opacity for the outline line (stroke).
Polyline properties
| path Required | object's paths property specifies an array of arrays. Each array defines a carve up sequence of ordered LatLng coordinates |
| Style option | You can specifies the following style option:
|
| Instance | ... const my_polyline = new google.maps.Polyline({ path:{lat:25.774, lng:-fourscore.19},{lat:18.466, lng:-66.118},{lat:32.321, lng:-64.757},{lat:25.774, lng:-80.xix}, strokeColor:'#0062cc', strokeOpacity:0.v, strokeWeight:1 }); my_polyline.setMap(map); ... |
Share this Tool
Did you like information technology? Share it!
Related tools. Effort these one!
Generators, builders and validators to improve your SEO and web performances
Source: https://www.seochecker.it/google-map-shape-builder
0 Response to "Draw Circle Polygon Google Earth"
Post a Comment