本文作者:温文曦

elementor插件修改地图模块为百度地图

温文曦 2021-05-07 1685 7条评论 百度已收录
elementor插件修改地图模块为百度地图摘要:         原来elementor里面带的地图是谷歌地图,但是在国内就用不了了,一个很好的插件,...

        原来elementor里面带的地图是谷歌地图,但是在国内就用不了了,一个很好的插件,瞬间就不完美了,既然它是谷歌地图,那么我们就把他修改为百度地图,岂不是很好吗,说干就干。

需要修改的代码在下面:

/wp-content/plugins/elementor\includes\widgets\google-maps.php第260行左右

        怎么修改呢?我们找到,第260行,大约有如下代码:

printf(
			'<div class="elementor-custom-embed"><iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=%1$s&amp;t=m&amp;z=%2$d&amp;output=embed&amp;iwloc=near" title="%3$s" aria-label="%3$s"></iframe></div>',
			rawurlencode( $settings['address'] ),
			absint( $settings['zoom']['size'] ),
			esc_attr( $settings['address'] )
		);

修改或者替换成如下的代码:

		    $apikey="";//填写自己的apikey吧,百度地图官网自己新建应用,秒通过的。
		    $addressinfo=file_get_contents("http://api.map.baidu.com/place/v2/search?query=".$settings['address']."&tag=".$settings['address']."&region=".$settings['address']."&output=json&ak=".$apikey."");
		    $addressinfo=json_decode($addressinfo,true);
		    $uid=$addressinfo['results'][0]['uid'];
		printf(
			'<div class="elementor-custom-embed"><iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://map.baidu.com/poi/%1$s/@0,0,%2$dz?uid='.$uid.'&ugc_type=3&ugc_ver=1&device_ratio=2&compat=1&querytype=detailConInfo&da_src=shareurl" title="%3$s" aria-label="%3$s"></iframe></div>',
			rawurlencode( $settings['address'] ),
			absint( $settings['zoom']['size'] ),
			esc_attr( $settings['address'] )
		);


elementor插件修改地图模块为百度地图 第1张

elementor插件修改地图模块为百度地图 第2张


        电脑端看着还行,但是手机端就有点抽风了,只能看到地址,而不能看到地图,方法可行,剩下的就麻烦各位大神请自己修改试试,应该是可以通过修改iframe标签来进一步美化吧




文章版权及转载声明

作者:温文曦本文地址:https://www.vience.cn/blog/576.html发布于 2021-05-07
文章转载或复制请以超链接形式并注明出处文曦博客

赞(4)
阅读
分享

发表评论

快捷回复:

评论列表 (有 7 条评论,1685人围观)参与讨论
网友昵称:访客
访客 游客2021-08-02沙发 回复
nb
网友昵称:王选思
王选思 游客2021-11-29椅子 回复
现在新版的elementor替换进入没法添加地点,添加了没有作用
网友昵称:文曦博客
文曦博客 游客2021-11-29 回复
@王选思 可能是新版本位置改变之类的
网友昵称:熊宝
熊宝 游客2021-12-22板凳 回复
现在调用百度地图的 不是会被罚钱吗 调用高德可以 话说 怎么调用高德地图了
网友昵称:文曦博客
文曦博客 游客2021-12-22 回复
@熊宝 这个就要等研究一下了,应该也不难,趁着这个新版这个失效了,我这里哪天有时间弄下新版本高德地图的
网友昵称:熊宝
熊宝 游客2021-12-22 回复
@文曦博客 坐等大佬 教我 大佬啥时候 可以出文章教程 还有element pro的视频 自带的视频 是YouTube的 国内一样用不了 但是很多播发特效 又是在YouTube上面才有的
网友昵称:!!
!! 游客2022-01-19凉席 回复
第260行没有啊