用了Bing地图wordpress主题的百度地图替代方案

Bing地图2025年7月正式停服，原来使用它的简站wordpress主题，也受到的影响，现推出用百度地图替代Bing地图的解决方案。

原来的Bing地图用于联系我们页面，对应的模板文件为page-contact.php文件，修改这个文件即可具体方法如

一、百度地图替换Bing地图方案

在主题文件夹中找到page-contact.php文件，编辑这个文件找到

 <div id='printoutPanel'></div>
	<div id='myMap' style='width: 100vw; height: 63vh;'></div>
	<script type='text/javascript' src='https://cn.bing.com/api/maps/mapcontrol?branch=experimental&setmkt=en&setlang=en&key=AjgHVt3P4HudrbsWbcPbHEw6mYR30S75K_tEpYS47zR6C3voNIv0kAY6mDUH1dms&callback=loadMapScenario' async defer></script>
		<script type='text/javascript'>
            function loadMapScenario() {
                var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
                    /* No need to set credentials if already passed in URL */
                    center: new Microsoft.Maps.Location(<?php echo of_get_option( 'map', 'no entry' ); ?>)
                });
                var center = map.getCenter();
                var infobox = new Microsoft.Maps.Infobox(map.getCenter(), { title: '<?php bloginfo('name'); ?>', description: 'Address：<?php echo of_get_option( 'address', 'no entry' ); ?>' });
                infobox.setMap(map);
                
            }
        </script>

换这部分代码整体替换为

<div id='map' style='width: 100vw; height: 60vh;'></div>
<script src="https://api.map.baidu.com/api?v=3.0&ak=这里录入百度地图AK"></script>
<script type="text/javascript"> 
var map = new BMap.Map("map");
var point = new BMap.Point(这里放地址对应的百度地图的坐标值);
map.centerAndZoom(point, 15);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
var marker = new BMap.Marker(point);
map.addOverlay(marker);
marker.setAnimation(BMAP_ANIMATION_BOUNCE);
var sContent =
"<div>" + 
"<h4><?php bloginfo('name'); ?></h4>" + 
"<p>电话：<?php echo of_get_option( 'phone', 'no entry' ); ?><br>" + 
"地址：<?php echo of_get_option( 'address', 'no entry' ); ?></p>" + 
"</div>";
var infoWindow = new BMap.InfoWindow(sContent); 
marker.openInfoWindow(infoWindow);
marker.addEventListener("click", function(){          
   this.openInfoWindow(infoWindow);
   document.getElementById('imgDemo').onload = function (){
       infoWindow.redraw();
   }
});
</script>

说明：使用这个需要先到百度地图开放平台注册帐号并申请自己的AK，具体操作教程如下

1、到百度地图开放平台官网 https://lbsyun.baidu.com 注册帐号（如果已经有百度帐号，可用已经有的帐号直接登陆）

2、登陆平台后找“我的应用”