Untitled

z Soiled Meerkat, 7 miesiące temu, napisane w Plain Text, wyświetlone 88 razy.
URL https://codetab.e3x.pl/view/06367032 Udostępnij
Pobierz wklejkę lub Pokaż surowy tekst
  1. function initClickedPoint(lang, long) {
  2.         map = new google.maps.Map(document.getElementById('map'), {
  3.         center: {lat: lang, lng: long},
  4.         zoom: 7,
  5.         disableDefaultUI: false,
  6.         zoomControl: true,
  7.         scaleControl: true,
  8.         styles: mapStyles
  9. });
  10. fetch('/wp-json/wp/v2/services/')
  11.         .then((response, status) => {
  12.                 return response.json()
  13.         })
  14.         .then((result) => {
  15.                 for (let i = 0; i < result.length; i++) {
  16.                         console.log("petlaaa: " + result[i].pzpo_meta.latlng[0]);
  17.                         console.log("langlng: " + lang+","+long);
  18.                        
  19.                         if(result[i].pzpo_meta.latlng[0] == lang+","+long) {                           
  20.                                 infoWindow = new google.maps.InfoWindow();
  21.                                 let marker = new google.maps.Marker({
  22.                                         position: latLng,
  23.                                         map: map,
  24.                                         icon: icon
  25.                                 })
  26.                                 var servicetype = result[i].pzpo_meta.type[0];
  27.                                 var servicetype_img = "/img/marker-"+servicetype.replace(/\s+/g, '-')+".png";
  28.                                 const latLng = new google.maps.LatLng(lang, long)
  29.                                 let icon = {
  30.                                         url: servicetype_img,
  31.                                         scaledSize: new google.maps.Size(15, 30),
  32.                                         origin: new google.maps.Point(0,0),
  33.                                         anchor: new google.maps.Point(15, 15)
  34.                                 }
  35.                                 let contentString = "<div><b>" +
  36.                                 result[i].title.rendered + "</b><br/>" +
  37.                                 result[i].pzpo_meta.address[0] + "<br/>" +
  38.                                 result[i].pzpo_meta.city[0] + "<br/>Telefon: " +
  39.                                 result[i].pzpo_meta.telefon[0] + "<br/>Typ serwisu: " +
  40.                                 result[i].pzpo_meta.type[0] + "<br/>" +
  41.                                 "<br/><a href='https://www.google.com/maps/dir//" + ll[0] + "," + ll[1] + "' target='_blank'>Wskazówki dojazdu</a>"
  42.                                 + "</div>";
  43.  
  44.                                 marker.desc = contentString
  45.                                 marker.addListener('click', () => {
  46.                                         infoWindow.close()
  47.                                         infoWindow.setContent(contentString)
  48.                                         infoWindow.open(map, marker)
  49.                                 })
  50.                                 if (navigator.geolocation) {
  51.                                         navigator.geolocation.getCurrentPosition((position) => {
  52.                                                 var pos = {
  53.                                                         lat: position.coords.latitude,
  54.                                                         lng: position.coords.longitude
  55.                                                 };
  56.                                                 infoWindow.setPosition(pos)
  57.                                                 infoWindow.setContent('test')
  58.                                                 infoWindow.open(map)
  59.                                                 map.setCenter(pos)
  60.                                                 map.setZoom(13)
  61.                                         }, () => {
  62.                                         //console.log("error")
  63.                                         });
  64.                                 }
  65.                                 let input = document.getElementById('autocomplete')
  66.                                 let options = {
  67.                                         types: ['geocode']
  68.                                 }
  69.                                 let autocomplete = new google.maps.places.Autocomplete(input, options)
  70.                                 autocomplete.setComponentRestrictions({'country': ['pl']});
  71.                                 autocomplete.setFields(['address_components', 'geometry', 'name']);
  72.                                 autocomplete.addListener('place_changed', () => {
  73.                                         let place = autocomplete.getPlace()
  74.                                         map.setCenter(place.geometry.location)
  75.                                         map.setZoom(14)
  76.                                 })
  77.                         }
  78.                 }
  79.         })
  80. }
  81. javascript:initClickedPoint(50.6805983,17.8715032);

odpowiedź "Untitled"

Tutaj możesz odpowiedzieć na wklejkę z góry

captcha