如何在DWC应用中嵌入Google Maps窗口？

你尝试用BBjHtmlView.setURL()嵌入Google Maps普通地点页面时被禁止，原因是Google Maps的常规浏览链接设置了X-Frame-Options限制，不允许在iframe（BBjHtmlView本质是iframe容器）中加载。

解决步骤 #

• 使用Google Maps提供的嵌入专用链接，而非普通的地点浏览URL：
  1. 打开Google Maps找到目标地点，点击「分享」→「嵌入地图」，复制生成的iframe中的src地址；
  2. 或者通过Google Maps Embed API构造链接，格式为：

     https://www.google.com/maps/embed/v1/place?key=你的API密钥&q=目标地点名称或坐标
     

     注：需要先在Google Cloud平台申请Maps Embed API密钥，并启用该API服务。

修改后的BBj代码示例 #

htmlFrame! = window!.addHtmlView(window!.getAvailableControlID(),0,0,0,0,"")
// 替换为合法的嵌入链接，记得填入你的API密钥
htmlFrame!.setUrl("https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=Basis+Europe+Distribution+GmbH")

注意事项 #

• 必须确保你的Google Cloud API密钥已启用Maps Embed API，并且配置了正确的访问限制（比如允许DWC应用的访问来源）；
• 不要使用普通的Google Maps搜索/地点链接，这类链接均禁止嵌入加载。

内容的提问来源于stack exchange，提问作者Thorsten