javascript - 在 WordPress 主题中插入 google map api key 的位置

标签 javascript wordpress api google-maps

在我的 WordPress 网站中,我收到了有关 google map 的此错误

Google map API 错误:MissingKeyMapError

现在我有谷歌地图API key ,但我不知道在哪里插入它,我没有使用谷歌地图插件,我正在使用包含谷歌地图内置的主题,我现在找到的是对谷歌地图的引用包含此代码的 javascript 文件

 var tl_geocoder;var $tl_map;var $tl_marker=false;jQuery(function(a){jQuery(document).ready(function(c){tl_geocoder=new google.maps.Geocoder();c(document).on("click",".layers-check-address",function(f){f.preventDefault();$tl_map=c(this).closest(".layers-map");var g=c(this).closest(".layers-content").find('input[id$="google_maps_location"]').val();var d=c(this).closest(".layers-content").find('input[id$="google_maps_long_lat"]').val();$tl_map.data("location",g.toString());$tl_map.data("longlat",d.toString());b(c)});b(c)});function b(d){var c=false;jQuery(".layers-map").each(function(){var h=d(this);var k=(undefined!==h.data("longlat"))?h.data("longlat"):null;if(null!==k){var l=k.split(",");var m=l[0];var e=l[1]}else{var m="-34.397";var e="150.644"}var f=new google.maps.LatLng(m,e);var j=h.data("zoom-level");$tl_map=new google.maps.Map(h[0],{scrollwheel:false,zoom:j,center:f,mapTypeId:google.maps.MapTypeId.ROADMAP});var g=!d(this).closest("div.layers-contact-widget").hasClass("no-infobox");if(undefined!==h.data("longlat")){var n=new google.maps.LatLng(m,e);$tl_map.setCenter(f);$tl_marker=new google.maps.Marker({map:$tl_map,position:n,zIndex:google.maps.Marker.MAX_ZINDEX+1,icon:TL_CONF.themeurl+"/assets/images/google-marker.png"});if(!c&&g){c=true;d("body").trigger("setInfobox")}else{$tl_marker.setMap($tl_map)}}if(undefined!==h.data("location")&&$tl_marker===false){var i=h.data("location");tl_geocoder.geocode({address:i},function(p,o){if(o==google.maps.GeocoderStatus.OK){$tl_map.setCenter((p[0].geometry.location?p[0].geometry.location:f));$tl_marker=new google.maps.Marker({map:$tl_map,zIndex:google.maps.Marker.MAX_ZINDEX+1,position:(p[0].geometry.location?p[0].geometry.location:f),icon:TL_CONF.themeurl+"/assets/images/google-marker.png"});if(!c&&g){c=true;d("body").trigger("setInfobox")}else{$tl_marker.setMap($tl_map)}}})}})}}(jQuery));

但我仍然不确定在哪里插入谷歌地图 API key

最佳答案

IIRC,Google map 作为最近的更新引入了 api key 用法,而您使用的主题具有较旧版本的 api,即不使用 api key 的版本。

您应该检查主题的更新。如果它是活跃的,那么开发人员现在应该已经合并了 api key 机制,以便您可以直接在主题设置下的某个位置(在 wp-admin 中)提供 api key 。

如果没有,您可以尝试使用任何可用的 Google map 插件。我知道一些这样的插件即使在今天也可以在没有 api key 的情况下工作,例如SiteOrigin Widgets Bundle 版本。 1.6.1:

https://wordpress.org/plugins/so-widgets-bundle/developers/

关于javascript - 在 WordPress 主题中插入 google map api key 的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39726393/

相关文章:

html - WordPress:将主div扩展到页面的整个宽度

php - 获取 Woocommerce 中可变产品的 "in stock"产品变体的计数

ruby - 有没有办法使用 Ruby 应用程序访问和检索 iCloud 提醒?

ios - 调试 API 请求

javascript - 使用 D3 添加表单输入字段

javascript - 如何在vs2012中禁用GeckoFX 33.0 Web浏览器的JS警报

javascript - 如何使元素成为页面(文档)的 100% 宽度和高度,而不仅仅是窗口(浏览器)?

javascript - 使用jquery根据url将文本和属性添加到div

php - 使用 wp_insert_post 设置特色图片

api - Yii2 REST API 关系数据返回