在wordpress主题中插入谷歌地图api键的位置

时间:2016-09-27 13:46:32

标签: javascript wordpress api google-maps

在我的wordpress网站上,我收到谷歌地图的错误

Google Maps API错误:MissingKeyMapError

现在我有谷歌地图api密钥,但我不知道在哪里插入它,我没有使用谷歌地图插件,我使用的主题包含在谷歌地图构建,我现在发现的是参考谷歌地图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密钥

1 个答案:

答案 0 :(得分:1)

IIRC,Google地图将api密钥用法作为最新更新引入,您使用的主题是api的旧版本,不使用api密钥。

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

如果没有,您可以尝试使用任何可用的Google地图插件。我知道一个事实,即使在今天,一些这样的插件也可以在没有api密钥的情况下工作,例如SiteOrigin Widgets Bundle ver。 1.6.1:

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