求助:SharePoint嵌入Bing Maps无法显示实时交通图层
问题描述
我尝试在SharePoint站点嵌入Bing Maps以显示实时交通,地图能正常加载,但交通数据始终不显示;本地HTML文件测试也遇到同样问题。我使用的是免费基础API密钥,按道理这应该不是导致问题的原因。
嵌入代码如下:
<iframe width="700" height="500" src="https://www.bing.com/maps/embed? h=500&w=700&cp=52.52954~-2.037698&lvl=15&typ=d&sty=r&trfc=1&key=(Secret)" frameborder="0" scrolling="no"> </iframe>
本地测试的HTML代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bing Maps Test</title> </head> <body> <h1>Bing Maps Embed Test</h1> <iframe width="700" height="500" src="https://www.bing.com/maps/embed? h=500&w=700&cp=52.52954~-2.037698&lvl=15&typ=d&sty=r&trfc=1&key=YOUR_API_KEY" frameborder="0" scrolling="no"> </iframe> </body>
我预期地图会显示交通图层,但实际没有生效。
排查与解决方法
清理URL中的多余空格
本地测试的URL里,embed?后存在多余空格,会导致参数解析异常,trfc=1可能未被正确识别。删除所有空格,确保参数连续,比如修正后的URL:https://www.bing.com/maps/embed?h=500&w=700&cp=52.52954~-2.037698&lvl=15&typ=d&sty=r&trfc=1&key=你的API密钥确认API密钥的服务权限
登录Bing Maps开发者后台,检查你的免费密钥是否启用了「Bing Maps Embedded」服务。即使是免费密钥,也需要确保对应服务已勾选,否则无法加载额外图层。验证目标区域的交通数据覆盖
你当前使用的坐标位于英国斯塔福德附近,部分偏远区域可能没有实时交通数据覆盖。可以切换到交通数据完善的大城市(如伦敦cp=51.5074~-0.1278)测试,确认交通图层是否正常显示。简化参数排查冲突
暂时移除typ=d、sty=r等非必要参数,使用最简URL测试:<iframe width="700" height="500" src="https://www.bing.com/maps/embed?cp=51.5074~-0.1278&lvl=12&trfc=1&key=你的API密钥" frameborder="0" scrolling="no"> </iframe>若能正常显示,再逐步添加参数,排查是否存在参数组合冲突。
清除浏览器缓存
旧的地图资源缓存可能导致交通图层无法加载,清除浏览器缓存后重新加载页面,测试效果。
内容的提问来源于stack exchange,提问作者S1n
相关产品推荐
相关产品推荐

