Preciso disponibilizar o Google Mapas em meu sistema para que o usuário possa marcar um ponto e o sistema possa salvar a latitude e longitude. Analisando a documentação da API do Google Mapas, cheguei ao script exposto abaixo. Entretanto, não consegui adaptar esta funcionalidade dentro do SC.
<!doctype html>
#canvas { width: 600px; height: 400px; }<div id="canvas"></div>
<br />
<label for="latitude">Latitude:</label>
<input id="latitude" type="text" value="" />
<label for="longitude">Longitude:</label>
<input id="longitude" type="text" value="" />
<script>
var myZoom = 12;
var myMarkerIsDraggable = true;
var myCoordsLenght = 6;
var defaultLat = 37.973787;
var defaultLng = 23.722426;
var map = new google.maps.Map(document.getElementById(‘canvas’), {
zoom: myZoom,
center: new google.maps.LatLng(defaultLat, defaultLng),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var myMarker = new google.maps.Marker({
position: new google.maps.LatLng(defaultLat, defaultLng),
draggable: myMarkerIsDraggable
});
google.maps.event.addListener(myMarker, ‘dragend’, function(evt){
document.getElementById(‘latitude’).value = evt.latLng.lat().toFixed(myCoordsLenght);
document.getElementById(‘longitude’).value = evt.latLng.lng().toFixed(myCoordsLenght);
});
map.setCenter(myMarker.position);
myMarker.setMap(map);