2018-02-05 02:05:26 -05:00
|
|
|
function initialize() {
|
|
|
|
var hlat = parseFloat(helper.lat)||39.0000;
|
|
|
|
var hlng = parseFloat(helper.lng)||22.0000;
|
|
|
|
|
|
|
|
var myLatLng = new google.maps.LatLng(hlat,hlng);
|
2018-02-22 07:09:34 -05:00
|
|
|
|
2018-02-05 02:05:26 -05:00
|
|
|
var mapOptions = {
|
|
|
|
center: myLatLng,
|
|
|
|
zoom: 5
|
|
|
|
};
|
|
|
|
var map = new google.maps.Map(document.getElementById('map-canvas'),
|
|
|
|
mapOptions);
|
|
|
|
var marker = new google.maps.Marker({position: myLatLng, map: map, draggable: true});
|
|
|
|
marker.setMap(map);
|
|
|
|
|
|
|
|
google.maps.event.addListener(marker, 'dragend', function(event) {
|
|
|
|
placeMarker(event.latLng);
|
|
|
|
});
|
|
|
|
|
|
|
|
// Create the search box and link it to the UI element.
|
|
|
|
var input = document.getElementById('pac-input');
|
|
|
|
var searchBox = new google.maps.places.SearchBox(input);
|
|
|
|
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
|
|
|
|
|
|
|
|
// Bias the SearchBox results towards current map's viewport.
|
|
|
|
map.addListener('bounds_changed', function() {
|
|
|
|
searchBox.setBounds(map.getBounds());
|
|
|
|
});
|
|
|
|
|
|
|
|
function placeMarker(location) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (marker == undefined){
|
|
|
|
marker = new google.maps.Marker({
|
|
|
|
position: location,
|
|
|
|
map: map,
|
|
|
|
animation: google.maps.Animation.DROP
|
|
|
|
});
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
marker.setPosition(location);
|
|
|
|
}
|
|
|
|
map.setCenter(location);
|
|
|
|
//console.log(location.lat()+" "+location.lng()); // click debug
|
|
|
|
document.getElementById("latitude").value = location.lat();
|
|
|
|
document.getElementById("longitude").value = location.lng();
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
google.maps.event.addDomListener(window, 'load', initialize);
|