1. Import

2026-03-29 10:34:57 +02:00
parent b0e00c1259
commit a1129565af
4899 changed files with 3007593 additions and 0 deletions
--- a/html/sysadmin/AutoAddress.html
+++ b/html/sysadmin/AutoAddress.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
+  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDnbitL06iLp3elmj-WtPudCykX9xvXcVE&libraries=places"></script>
+  <script>
+//https://www.webdew.com/blog/google-places-autocomplete-implementation
+    google.maps.event.addDomListener(window, 'load', initialize);
+      function initialize() {
+        var input = document.getElementById('autocomplete_search');
+        var autocomplete = new google.maps.places.Autocomplete(input);
+        autocomplete.addListener('place_changed', function () {
+        var place = autocomplete.getPlace();
+        // place variable will have all the information you are looking for.
+        $('#lat').val(place.geometry['location'].lat());
+        $('#long').val(place.geometry['location'].lng());
+      });
+    }
+  </script>
+  <title>Google map Places Autocomplete – Tutsmake.com</title>
+  <style>
+    .container{
+    padding: 10%;
+    text-align: center;
+   } 
+ </style>
+</head>
+<body>
+<div class="container">
+  <div class="row">
+    <div class="col-12"><h2>Google Places Autocomplete InputBox Example Without Showing Map</h2></div>
+    <div class="col-12">
+      <div id="custom-search-input">
+        <div class="input-group">
+          <input id="autocomplete_search" name="autocomplete_search" type="text" class="form-control" placeholder="Search" />
+          <input type="hidden" name="lat">
+          <input type="hidden" name="long">
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>