/home/mip/mip/app/Modules/Client/Views/directory-store/includes/gmaps.blade.php
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB4CBr0reSrrQ9EuBFxPVM_TzbuV3uBow4&libraries=places"></script>
<script>
function initMap(pos) {
var LatLng = new google.maps.LatLng(pos.lat, pos.lng);
map = new google.maps.Map(document.getElementById('map'), {
center: LatLng,
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
marker = new google.maps.Marker({
position: LatLng,
map: map,
title: 'Your Location!',
draggable:true
});
var input = document.getElementById('search');
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());
});
searchBox.addListener('places_changed', function() {
var places = searchBox.getPlaces();
if (places.length == 0) {
return;
}
marker.setMap(null);
marker = new google.maps.Marker({
position: places[0].geometry.location,
map: map,
title: 'Store Location!',
draggable:true
});
$("#lat").val(marker.getPosition().lat());
$("#lng").val(marker.getPosition().lng());
map.setCenter(places[0].geometry.location);
google.maps.event.addListener(marker, 'dragend', function () {
$("#lat").val(marker.getPosition().lat());
$("#lng").val(marker.getPosition().lng());
});
});
google.maps.event.addListener(marker, 'dragend', function () {
$("#lat").val(marker.getPosition().lat());
$("#lng").val(marker.getPosition().lng());
});
}
if ($('#map').length)
{
if ($("input[name=lat").val() && $("input[name=lng").val())
{
var lat = $("input[name=lat").val();
var lng = $("input[name=lng").val();
var pos = {
lat: lat,
lng: lng
};
initMap(pos);
}
else {
var pos = {
lat: 14.624520,
lng: 121.055754
};
initMap(pos);
}
}
</script>