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

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

需要修改的代码在下面:

/wp-content/plugins/elementorincludeswidgetsgoogle-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&t=m&z=%2$d&output=embed&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标签来进一步美化吧

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享