easypaisa app

";var marker = new google.maps.Marker({ position: myLatlng, map: map, title: trailhead_name + " | " + address });marker['infowindow'] = contentString;global_markers[i] = marker;google.maps.event.addListener(global_markers[i], 'click', function () { infowindow.setContent(this['infowindow']); infowindow.open(map, this); }); latlngbounds.extend(marker.position); } map.setCenter(latlngbounds.getCenter()); map.fitBounds(latlngbounds); var listener = google.maps.event.addListener(map, 'idle', function () { if (map.getZoom() < 15) map.setZoom(14); google.maps.event.removeListener(listener); }); } }); $('#fetch-nearby-location').click(function (e) { getNearByCashpointsLocationwithPath(); }); setTimeout(function () { getNearByCashpointsLocation(); }, 5000);// part five // Near By Cashpoint withPath function getNearByCashpointsLocationwithPath() { // $.noConflict(); var markers; var lat; var long; // get current lat lang if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = "Geolocation is not supported by this browser."; }function showPosition(position) { lat = position.coords.latitude; long = position.coords.longitude; let dist = 10; $.ajax({url: base_url + '/fetch.php', type: "POST", dataType: "json", data: { lat: lat, long: long, dist: dist }, success: function (data) { markers = data; // console.log(markers[0][1]); var origin = new google.maps.LatLng(lat, long); // console.log(origin.lat()); var destination = new google.maps.LatLng(markers[0][0], markers[0][1]); var start = origin; var end = destination; var distance = haversine_distance(origin, destination); document.getElementById('msg').innerHTML = distance.toFixed(2) + " km"; initMap(distance, origin, destination); // Draw Function Calling StartdrawPath(directionsService, directionsDisplay, start, end); // Draw Function Calling End // Calculate Distance Function Calling Start// Calculate Distance Function Calling END } }) } // Calculate Distance Function Defination START function haversine_distance(mk1, mk2) { // console.log(mk1); var R = 6371.0710; // Radius of the Earth in kilometers var rlat1 = mk1.lat() * (Math.PI / 180); // Convert degrees to radians // console.log(rlat1); var rlat2 = mk2.lat() * (Math.PI / 180); // Convert degrees to radians var difflat = rlat2 - rlat1; // Radian difference (latitudes) var difflon = (mk2.lng() - mk1.lng()) * (Math.PI / 180); // Radian difference (longitudes)var d = 2 * R * Math.asin(Math.sqrt(Math.sin(difflat / 2) * Math.sin(difflat / 2) + Math.cos(rlat1) * Math.cos(rlat2) * Math.sin(difflon / 2) * Math.sin(difflon / 2))); return d; } // Calculate Distance Function Defination END // End Get Current lang,lat code var map; var global_markers = []; var infowindow; // var markers = [[37.09024, -95.712891, 'America'],['31.4504° N', '73.1350° E', 'Faisalabad'], [-14.235004, -51.92528, 'Canda'], ['31.5204° N', '74.3587° E', 'Lahore']];//function initMap(distance, origin, destination) { console.log('distance', distance, 'origin', origin, 'destination', destination); geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(lat, long); var myOptions = { zoom: 15, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, gestureHandling: "greedy" }map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // Draw Stroke Start directionsService = new google.maps.DirectionsService; directionsDisplay = new google.maps.DirectionsRenderer({ polylineOptions: { strokeColor: "#2894F4", strokeWeight: 8, } }); const marker = new google.maps.Marker({ position: latlng, map, title: "Distance Marker", });marker.addListener("click", () => { infowindow.open({ anchor: marker, map, shouldFocus: true, }); }); // Draw Stroke End directionsDisplay.setMap(map); const route = { origin: origin, destination: destination, travelMode: 'DRIVING' } directionsService.route(route, // capture Time function (response, status) { if (status !== 'OK') { window.alert('Directions request failed due to ' + status); return; } else { directionsDisplay.setDirections(response); // Add route to the map var directionsData = response.routes[0].legs[0]; // Get data about the mapped route if (!directionsData) { window.alert('Directions request failed'); return; } else { document.getElementById('drive_time').innerHTML = directionsData.duration.text; console.log(drive_time); } } }); infowindow = new google.maps.InfoWindow({ content: "

Distance

" + distance.toFixed(2) + " Km

" + "

Time

" + + "

" + "

" }); infowindow.open(map, marker);// addMarker(); } // /** Defines the Popup class. */// Draw Function Definition Start function drawPath(directionsService, directionsDisplay, start, end) { directionsService.route({ origin: start, destination: end, optimizeWaypoints: true, travelMode: 'DRIVING' }, function (response, status) { if (status === 'OK') { directionsDisplay.setDirections(response); } else { window.alert('Problem in showing direction due to ' + status); } }); }// Draw Function Definition End function addMarker() {var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < markers.length; i++) { // obtain the attribues of each marker var lat = parseFloat(markers[i][0]); var lng = parseFloat(markers[i][1]); var trailhead_name = markers[i][2]; var address = markers[i][3];var myLatlng = new google.maps.LatLng(lat, lng);var contentString = "";var marker = new google.maps.Marker({ position: myLatlng, map: map, title: trailhead_name + " | " + address });marker['infowindow'] = contentString;global_markers[i] = marker;google.maps.event.addListener(global_markers[i], 'click', function () { infowindow.setContent(this['infowindow']); infowindow.open(map, this); }); latlngbounds.extend(marker.position); } map.setCenter(latlngbounds.getCenter()); map.fitBounds(latlngbounds); var listener = google.maps.event.addListener(map, 'idle', function () { if (map.getZoom() < 15) map.setZoom(14); google.maps.event.removeListener(listener); }); } }; // part six // Near By Cashpoints function getNearByCashpointsLocation() { let markers; let lat; let long;// Geolocation ko istemal karna if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { console.error("Geolocation is not supported by this browser."); }function showPosition(position) { lat = position.coords.latitude; long = position.coords.longitude; let dist = 10; // Distance in kilometers// Fetch karna cashpoints ko AJAX ke zariye $.ajax({ url: base_url + '/fetch.php', type: "POST", dataType: "json", data: { lat: lat, long: long, dist: dist }, success: function (data) { markers = data; initMap(); }, error: function (jqXHR, textStatus, errorThrown) { console.error('Error fetching cashpoints:', textStatus, errorThrown); } }); }// Google Map ko initialize karna let map; let global_markers = []; let infowindow;function initMap() { const geocoder = new google.maps.Geocoder(); const latlng = new google.maps.LatLng(lat, long); const myOptions = { zoom: 15, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, gestureHandling: "greedy" };infowindow = new google.maps.InfoWindow({}); map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); addMarker(); }function addMarker() { const latlngbounds = new google.maps.LatLngBounds(); for (let i = 0; i < markers.length; i++) { const lat = parseFloat(markers[i][0]); const lng = parseFloat(markers[i][1]); const trailhead_name = markers[i][2]; const address = markers[i][3];const myLatlng = new google.maps.LatLng(lat, lng); const contentString = ` `;const marker = new google.maps.Marker({ position: myLatlng, map: map, title: `${trailhead_name} | ${address}` });marker['infowindow'] = contentString; global_markers[i] = marker;google.maps.event.addListener(global_markers[i], 'click', function () { infowindow.setContent(this['infowindow']); infowindow.open(map, this); });latlngbounds.extend(marker.position); }map.setCenter(latlngbounds.getCenter()); map.fitBounds(latlngbounds); const listener = google.maps.event.addListener(map, 'idle', function () { if (map.getZoom() < 15) map.setZoom(14); google.maps.event.removeListener(listener); }); } }// part seven // OnLoad for Pakistan Cashpoint's Location $(document).ready(function () { $.noConflict(); let markers; const lat = 33.6844; // Default latitude for Pakistan const long = 73.0479; // Default longitude for Pakistan const dist = 1000; // Distance in meters// Fetch cashpoints using AJAX $.ajax({ url: base_url + '/fetch.php', type: "POST", dataType: "json", data: { lat: lat, long: long, dist: dist }, success: function (data) { markers = data; initMap(); }, error: function (jqXHR, textStatus, errorThrown) { console.error('Error fetching cashpoints:', textStatus, errorThrown); } });// Initialize Google Map let map; let global_markers = []; let infowindow;function initMap() { const geocoder = new google.maps.Geocoder(); const latlng = new google.maps.LatLng(lat, long); const myOptions = { zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP, gestureHandling: "greedy" };infowindow = new google.maps.InfoWindow({}); map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); addMarker(); }function addMarker() { const latlngbounds = new google.maps.LatLngBounds(); for (let i = 0; i < markers.length; i++) { const lat = parseFloat(markers[i][0]); const lng = parseFloat(markers[i][1]); const trailhead_name = markers[i][2]; const address = markers[i][3];const myLatlng = new google.maps.LatLng(lat, lng); const contentString = ` `;const marker = new google.maps.Marker({ position: myLatlng, map: map, title: `${trailhead_name} | ${address}` });marker['infowindow'] = contentString; global_markers[i] = marker;google.maps.event.addListener(global_markers[i], 'click', function () { infowindow.setContent(this['infowindow']); infowindow.open(map, this); });latlngbounds.extend(marker.position); }map.setCenter(latlngbounds.getCenter()); map.fitBounds(latlngbounds); const listener = google.maps.event.addListener(map, 'idle', function () { if (map.getZoom() < 15) map.setZoom(14); google.maps.event.removeListener(listener); }); } });// part eight// End mubeen implementation let autocomplete; let address1Field;function autoSuggest() { address1Field = document.querySelector("#address"); autocomplete = new google.maps.places.Autocomplete(address1Field, { componentRestrictions: { country: ["pk"] }, fields: ["address_components", "geometry"], types: ["address"], });// Optional: Automatically focus on the input field address1Field.focus(); }