google-maps-api-3 相关问题

我正在使用 Google 地图页面上的“嵌入此地图”代码嵌入 Google 地图。它工作正常，但总是显示为“无标题” <question vote="0"> <p>我正在使用 Google 地图页面上的“嵌入此地图”代码嵌入 Google 地图。</p> <p>它工作正常，但它总是显示为“无标题”</p> <pre><code><div class="google-maps"> <iframe src="https://www.google.com/maps/embed?pb=!4v1699102345389!6m8!1m7!1sGgTmBPHhKtgAAAQ0MEzJZQ!2m2!1d51.50336287082302!2d-0.1275790069079221!3f336.56!4f-8.700000000000003!5f0.7820865974627469" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </code></pre> <p>宽度和高度由 CSS 定义</p> <p>我尝试向 iframe 添加标题，但没有任何作用。</p> <p>我还尝试使用谷歌地图API（认为我可能有更多的灵活性） - 下面的代码，但它也不起作用。它总是说无标题。</p> <pre><code><iframe frameborder="0" style="border:0" title="test" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed?pb=!4v1699102345389!6m8!1m7!1sGgTmBPHhKtgAAAQ0MEzJZQ!2m2!1d51.50336287082302!2d-0.1275790069079221!3f336.56!4f-8.700000000000003!5f0.7820865974627469?key=my-key-is-here&PARAMETERS" allowfullscreen> </iframe> </code></pre> <p>我已经阅读了大量文档，但很混乱。</p> <p>我真正想要的就是这个</p> <p><a href="https://artsandculture.google.com/streetview/10-downing-street-entrance-hallway-10-downing-street/XAFQY90e99utPA?hl=en-GB&sv_lng=-0.12758047836109654&sv_lat=51.50335969885072&sv_h=-39.31408793346178&sv_p=-6.8567992325994&sv_pid=HMzgivzbj30AAAQ0MExxLg&sv_z=0.33265191522677273" rel="nofollow noreferrer">https://artsandculture.google.com/streetview/10-downing-street-entrance-hallway-10-downing-street/XAFQY90e99utPA?hl=en-GB&sv_lng=-0.12758047836109654&sv_lat=51.50335969885072&sv_h= -39.31408793346178&sv_p=- 6.8567992325994&sv_pid=HMzgivzbj30AAAQ0MExxLg&sv_z=0.33265191522677273</a></p> <p>但您似乎无法嵌入 Google 艺术与文化的街景 - 除非您自己导航到那里。</p> <p>我曾尝试查看 Google 开发人员中的“街景服务”，但我无法弄清楚它具体是什么，并且希望有一种更简单的方法，因为我有很多街景地图可以放在同一页面上。 </p> <p>我还尝试在“我的地图”中制作自己的地图 - 但街景选项不属于其中</p> <p>我有点迷失了，所以只要能指出正确的方向，我将不胜感激。</p> </question> <answer tick="false" vote="0"> <p>Google 艺术与文化是一个自定义网站，与 Google 地图或其 API 没有直接关系。</p> <p>您可能从 google.com/maps 获得了 <pre><code><iframe></code></pre> 嵌入代码： <a href="https://i.stack.imgur.com/RNjRx.jpg" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1JOalJ4LmpwZw==" alt=""/></a> 请注意，并非 google.com/maps 显示的所有内容都可以通过 Google Maps Platforms API 获得。</p> <p>不过，可用的是通过 <a href="https://developers.google.com/maps/documentation/embed/embedding-map#streetview_mode" rel="nofollow noreferrer">Maps Embed API</a> 以编程方式嵌入 <a href="https://developers.google.com/maps/documentation/embed/embedding-map" rel="nofollow noreferrer">街景</a>（以及室内视图，如果适用）。</p> <p>现在，您可以指定摄像机角度、俯仰等 - 但您无法轻松控制“嵌入标题”。 <pre><code><iframe></code></pre> 本身可能包含 <pre><code>title</code></pre> 属性 - 但这主要是为了 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#accessibility_concerns" rel="nofollow noreferrer"> 辅助功能</a>。</p> <p>您最好将自己的 HTML 放在嵌入的顶部：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>.google-maps { position: relative; } .google-maps h2 { margin: 0; left: 0; top: 10px; position: absolute; background: white; }</code></pre> <pre><code><div class="google-maps"> <h2>Embed Title</h2> <iframe title="hello world" src="https://www.google.com/maps/embed?pb=!4v1699102345389!6m8!1m7!1sGgTmBPHhKtgAAAQ0MEzJZQ!2m2!1d51.50336287082302!2d-0.1275790069079221!3f336.56!4f-8.700000000000003!5f0.7820865974627469" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div></code></pre> </div> </div> <p></p> </answer> </body></html>

google-maps google-maps-api-3

回答 0 投票 0

在我的应用程序构建中使用 google 地图 api 和 React Native expo 时遇到问题

我正在制作一个使用谷歌地图的应用程序。当我们打开应用程序时，地图应通过纬度经度显示用户当前的位置。但它没有显示当前位置...

react-native react-hooks google-maps-api-3 react-context

回答 1 投票 0

为什么 someStreetViewPanorama.getStatus() 返回未定义（Google 地图 API、JS）

我正在尝试使 StreetViewPanorama 具有某个位置，然后检查：是否有全景返回 true 否则返回 false （如果需要，它可能不是 StreetViewPanorama，我只需要保存

javascript google-maps-api-3

回答 1 投票 0

在标记标签点击上触发谷歌标记点击侦听器

我有一个 Google 地图应用程序，它显示一些带有自定义标签的标记。我想在用户单击标签时触发标记单击侦听器，而不仅仅是单击标记图标。然而，...