Question

我正在为MAP位置创建wordpress插件。

内部插件代码我使用了以下代码。

 function wpyog_press_scripts() {   
   // Load Google Maps API. Make sure to add the callback and add custom-scripts dependency
   wp_register_script('wpyog-google-maps', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyBDpN1kFL3vTBAjWQySIVsCMdrzDTRdTL0&callback=initMap', array(), 
  '1.0', 
  true 
   );
}
add_action( 'wp_enqueue_scripts', 'wpyog_press_scripts' );

add_shortcode( 'wpyog_map_locator_frontend', 'wpyog_map_locator_frontend' );
function wpyog_map_locator_frontend(){
    global $wpdb,$content;  
    ob_start(); 
    wp_enqueue_script('wpyog-google-maps'); ?>
    <script>
    var map;
    var markers = [];
    var infoWindow;
    var locationSelect;

    function initMap() {
       var uk_country = {lat: 51.509865, lng: -0.118092};
        map = new google.maps.Map(document.getElementById('map'), {
  center: uk_country,
   zoom: 6,
mapTypeId: 'roadmap',
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
   });
   infoWindow = new google.maps.InfoWindow();
}

<?php 
   $includeFile = WPYog_MAP_LOCATOR_DIR.'views/wpyog_map_locator_frontend.php';
   include( $includeFile );
    return ob_get_clean();
  }

在wpyog_map_locator_frontend.php文件中

 <div id="map" style="width: 100%; height: 90%;"></div>

但我的地图没有显示。当我签入控制台时，它返回304状态代码

Answer 1

使用::
add_action（＆＃39; wp_footer＆＃39;，＆＃39; wpyog_press_scripts＆＃39;）;
而不是 add_action（＆＃39; wp_enqueue_scripts＆＃39;，＆＃39; wpyog_press_scripts＆＃39;）;

如果不工作那么 - ＆GT;删除＆＃34;＆amp; callback = initMap＆＃34;从脚本行。
- ＆GT;在标题中添加脚本。
- ＆GT;加载短码数据后，在短码区域调用initMap函数。

Google Map API无法在wordpress插件中运行

1 个答案: