我正在我的结帐页面加载两个脚本:
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
答案 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。