0
Im пытается экспортировать круг в формат kml и помещать его в текстовую область для загрузки. Возможно ли это сделать с помощью Google Maps api? Нужно ли мне входить в Google и создавать карту там, или я могу сделать это с помощью javascript.Экспорт google maps api circle в kml
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
height: 700px;
width: 1400px;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(42.364294, -71.061730)
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
<form onsubmit="download(this['name'].value, this['text'].value)">
<input type="text" name="name" value="test.kml">
<textarea name="text" value= ""></textarea>
<input type="submit" value="Download">
</form>
<form onsubmit="plotPoint(this['latitude'].value, this['longitude'].value, this['radius'].value); return false">
Latitude: <input type="text" name ="latitude">
Longitude:<input type="text" name ="longitude">
Radius: <input type="text" name ="radius">
<input type="submit" value="Plot Point">
</form>
<script>
function download(filename, text) {
var pom = document.createElement('a');
pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
pom.setAttribute('download', filename);
pom.style.display = 'none';
document.body.appendChild(pom);
pom.click();
document.body.removeChild(pom);
}
function plotPoint(latitude, longitude, radius){
var myLatlng = new google.maps.LatLng(latitude, longitude);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
});
console.log(radius);
var circleOptions = {
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: map,
center: myLatlng,
radius: parseFloat(radius)
};
// Add the circle for this city to the map.
circle = new google.maps.Circle(circleOptions);
}
</script>
</body>
</html>
где вы получаете результат наложения ay – user3882976
Этот код от twiz.js на [этой странице] (http://www.geocodezip.com/blitz-gmap-editor/test5b.html?mapdata=%7B%22zoom%22%3A7%2C%22tilt% 22% 3A0% 2C% 22mapTypeId% 22% 3A% 22hybrid% 22% 2C% 22center% 22% 3A% 7B% 22lat% 22% 3A21.45179% 2C% 22lng% 22% 3A74.2236% 7D% 2C% 22overlays% 22% 3A% 5B% 7B% 22type% 22% 3A% 22circle% 22% 2C% 22title% 22% 3A% 22% 22% 2C% 22content% 22% 3A% 22% 22% 2C% 22fillColor% 22% 3A% 22% 23000000% 22% 2C% 22fillOpacity% 22% 3A0.3% 2C% 22strokeColor% 22% 3A% 22% 23000000% 22% 2C% 22strokeOpacity% 22% 3A0.9% 2C% 22strokeWeight% 22% 3A3%% 2C 22center% 22% 3A% 7B% 22lat% 22% 3A20.3446% 2C% 22lng% 22% 3A74.25659% 7D% 2C% 22radius% 22% 3A179174% 7D% 5D% 7D) – geocodezip