Merhaba Beyler.

Simdi google maps api kullaniyorum. google console'dan domain restriction yapabilirim b u sorun degil. Ancak normalde bu API_KEY gizlersem daha iyi olmaz mi ?

Simdi wordpress uzerinden calisiyorum.

  // Define an array of variables to pass to the JavaScript file
  $api_key = 'AIzaSyBbCZ7R3PcGMXgKadj6nJRR7a8ba6z7BV8';
  $localized_vars = array(
    'api_key' => $api_key,
  );
  // Pass the variables to the JavaScript file
  wp_localize_script("ourmainjs", 'theme_vars', $localized_vars);
}

Daha sonra Javascript den veriyi aliyorum.

<script>
    // Access the localized API key
    const apiKey = theme_vars.api_key;
    // Create a script element
    var script = document.createElement('script');
    script.src = 'https://maps.googleapis.com/maps/api/js?key=' + apiKey + '&libraries=places&callback=initAutocomplete';
    script.async = true;
    script.defer = true;
    document.head.appendChild(script);
</script>

Ancak sayfa sag tiklayinca key hala acik acik okunuyor. neden sizce?


Suan localde calisiyorum ama size addresi icin TIKLAYINIZ