javascript — я хочу вернуть весь почтовый индекс в 5 км, используя angularjs и php (при необходимости) и нанести его на мою карту

я хочу вернуть весь почтовый индекс за 5 км, используя angularjs и php (если необходимо) и нанести его на свою карту

Я хочу получить весь почтовый индекс в определенном месте, где я нажимаю. Я хочу сделать это с помощью angularjs, ссылка ниже покажет точную демонстрацию https://www.freemaptools.com/find-indian-pincodes-inside-radius. htm я хочу сделать это с angularjs

 {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;title{amp}gt;zip code to location{amp}lt;/title{amp}gt; {amp}lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;style{amp}gt; /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; } #floating-panel { position: absolute; top: 10px; left: 25%; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; text-align: center; font-family: 'Roboto','sans-serif'; line-height: 30px; padding-left: 10px; } {amp}lt;/style{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id="floating-panel"{amp}gt; {amp}lt;input id="address" type="textbox" value="679321"{amp}gt; {amp}lt;input id="submit" type="button" value="Find Location"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div id="map"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;script{amp}gt; var marker = null; var circle = null; var infowindow = new google.maps.InfoWindow({ size: new google.maps.Size(150,50) }); function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: {lat: 20.5937, lng: 78.9629} }); var geocoder = new google.maps.Geocoder(); document.getElementById('submit').addEventListener('click', function() { geocodeAddress(geocoder, map); }); } function geocodeAddress(geocoder, resultsMap) { if (marker) { marker.setMap(null); marker = null; circle.setMap(null); circle = null; } var address = document.getElementById('address').value; geocoder.geocode({'address': address}, function(results, status) { if (status === 'OK') { resultsMap.setCenter(results[0].geometry.location); marker = new google.maps.Marker({ map: resultsMap, position: results[0].geometry.location }); circle = new google.maps.Circle({ map: resultsMap, radius: 5000, // 5km in metres fillColor: '#AA0000' }); circle.bindTo('center', marker, 'position'); } else { alert('Geocode was not successful for the following reason: '   status); } }); } {amp}lt;/script{amp}gt; {amp}lt;script async defer src="https://maps.googleapis.com/maps/api/js?components=country:DE{amp}amp;key={amp}amp;callback=initMap"{amp}gt; {amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

когда я вставляю почтовый индекс, это помечает регион, который я хочу сейчас, чтобы перечислить или получить все другие почтовые индексы в 5 км радиуса

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector