Gmaps NoAPIKey错误

时间:2016-03-24 21:12:19

标签: javascript php wordpress google-maps

我正在我的结帐页面加载两个脚本:

function wpb_adding_scripts() {
    if ( function_exists( 'is_woocommerce' ) ) {
        if ( is_woocommerce() && is_checkout() ) {
            wp_register_script('google-maps-api', 'https://maps.googleapis.com/maps/api/js?key=[iprovidemykeyhere]&callback=initMap');
            wp_register_script('location_tracker', get_stylesheet_directory_uri() . '/js/track_location.js', array('google-maps-api'));

            wp_enqueue_script('google-maps-api');
            wp_enqueue_script('location_tracker');

        }
    }
} 
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 ); 

...但我得到以下内容虽然我正确地提供了上述网址中的密钥:

  

Google Maps API警告:NoApiKeys   https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

     

Google Maps API警告:SensorNotRequired   https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required

1 个答案:

答案 0 :(得分:4)

第1步:请转到Google Console并从概览标签中启用Google Maps JavaScript API,因此请转到Credentials标签,为您的项目制作API密钥

第2步:在您的html中添加以下行,并通过您的API密钥更改yourKEYhere

<script src="https://maps.googleapis.com/maps/api/js?key=yourKEYhere"></script>

第3步:使用gmaps.js plugin

祝你好运!