Supper cool channel
Thursday, 29 March 2018
Top 15 high rank website in the world - 2018
Tuesday, 7 November 2017
Google MAP API for Autocompletion and Suggestion input field HTML JavaScript sample code
<!DOCTYPE html>
<html>
<head>
<title>Google maps api for autocomplete suggestion location fiiling HTML javascript also you can send location data to database by using post method in input field</title>
<meta charset="utf-8">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
width: 100%;
height: 400px;
}
.controls {
margin-top: 10px;
border: 1px solid transparent;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 32px;
outline: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#searchInput {
background-color: #fff;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: 12px;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 50%;
}
#searchInput:focus {
border-color: #4d90fe;
}
</style>
</head>
<body>
<input id="searchInput" class="controls" type="text" placeholder="Enter a location">
<div id="map"></div>
<ul id="geoData">
<li>Full Address: <span id="location"></span></li>
<li>Postal Code: <span id="postal_code"></span></li>
<li>Country: <span id="country"></span></li>
<li>Latitude: <span id="lat"></span></li>
<li>Longitude: <span id="lon"></span></li>
</ul>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -33.8688, lng: 151.2195},
zoom: 13
});
var input = document.getElementById('searchInput');
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({
map: map,
anchorPoint: new google.maps.Point(0, -29)
});
autocomplete.addListener('place_changed', function() {
infowindow.close();
marker.setVisible(false);
var place = autocomplete.getPlace();
if (!place.geometry) {
window.alert("Autocomplete's returned place contains no geometry");
return;
}
// If the place has a geometry, then present it on a map.
if (place.geometry.viewport) {
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(place.geometry.location);
map.setZoom(17);
}
marker.setIcon(({
url: place.icon,
size: new google.maps.Size(71, 71),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(17, 34),
scaledSize: new google.maps.Size(35, 35)
}));
marker.setPosition(place.geometry.location);
marker.setVisible(true);
var address = '';
if (place.address_components) {
address = [
(place.address_components[0] && place.address_components[0].short_name || ''),
(place.address_components[1] && place.address_components[1].short_name || ''),
(place.address_components[2] && place.address_components[2].short_name || '')
].join(' ');
}
infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address);
infowindow.open(map, marker);
//Location details
for (var i = 0; i < place.address_components.length; i++) {
if(place.address_components[i].types[0] == 'postal_code'){
document.getElementById('postal_code').innerHTML = place.address_components[i].long_name;
}
if(place.address_components[i].types[0] == 'country'){
document.getElementById('country').innerHTML = place.address_components[i].long_name;
}
}
document.getElementById('location').innerHTML = place.formatted_address;
document.getElementById('lat').innerHTML = place.geometry.location.lat();
document.getElementById('lon').innerHTML = place.geometry.location.lng();
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwiEjYEjaB7za6JwVe-j-rTtG4Rki_RzM&libraries=places&callback=initMap" async defer></script>
</body>
Friday, 14 July 2017
Thursday, 4 May 2017
The Fate of the Furious (2017) Full Hindi Dubbed Movie Online Free
the fate of the furious full movie watch online free 2017 in Hindi
the fate of the furious full movie download
the fate of the furious full movie download in hindi
the fate of the furious full movie download utorrent
fast and furious 8 movie free download in hindi
fast-and-furious-8-2017-full-hindi-movie-download-dual-audio-hdts/
fast-and-furious-8-2017-movie-free-download-hd-720p-1080p/
begum jaan full movie online watch free in Hindi 2017
begum jaan full movie online watch free in Hindi 2017
begum jaan full movie download hd 720p in hindi 2017
begum jaan full movie watch hd 720p in hindi 2017
begum jaan full movie watch online free hd
begum jaan full movie online hd free download mp4
Begum Jaan (2017) Full Hindi Movie Watch Online DVD HD Print
naam shabana full movie online watch free in hindi 2017
naam shabana full movie online watch free in hindi 2017
naam shabana full movie watch online free
naam shabana full movie download in hd
naam shabana 2017 full movie download
naam shabana movie download filmywap
naam shabana full movie download worldfree4u
machine movie watch online free in hindi 2017 Mustafa Burmawala & Kiara Advani
Watch Machine Full Movie online free in Hindi 2017 action drama thrill
machine movie online watch 2017 online free download in hindi
machine movie online watch
watch-video-machine-full-movie-watch-online/
Machine (2017) Full Movie Watch Online &
Machine (2017) Full Hindi Movie Watch Online DVD HD Print