通过Google Maps JavaScript API版本3,您可以将Google地图的功能嵌入到您自己的网站中。版本3为移动设备提供了极大改进的支持。在Maps API Google Group中提出非编程和许可问题(请参阅完整说明以获取链接)
我正在为iPhone制作一个应用程序。我想添加事件,例如当用户单击地图时,然后将该地址保存在视图的文本字段中。我正在视图中显示地图,用户放大地图并且
Google 地图如何查看本机 iPhone 应用程序:服务器应用程序还是浏览器应用程序?
我有一个 Google API 控制台高级帐户,我正在为一个应用程序使用地方服务,该应用程序有两个部分:网络应用程序和移动应用程序。 看来 Google API 区分了服务器和
我正在寻找允许实现具有室内导航(在一栋特定建筑物内导航)的应用程序的API。我发现了一些 API,例如谷歌地图室内导航、经络和 insiteo。 我是
我正在寻找有关如何在 Google 地图上制作路线动画的帮助/指示。 我不想为标记设置动画,只想为两点之间的路线设置动画,它需要沿着地图上的道路行驶,最好是......
Google Maps Javascript API 版本 3.54 破坏了 Angular Google Maps 13.2.2
2023 年 11 月 16 日,我开始在 Angular 应用程序中遇到 Google 地图问题。 Google 地图抛出 403 错误,并且地图未加载(显示空白页面)。虽然我的 API 密钥是 v...
我正在尝试从附近所有加油站检索燃油价格。我正在使用 PlacesApi。虽然它检索所有车站信息,如位置、地址、评级等,但它不会返回燃油信息...
如何在 Google Maps API 上启用 3D Globe 模式?
Google 于 2018 年 8 月 2 日推出了新的 3D Globe 模式(参见 Twitter) 有没有人找到使用 API 启用此功能的方法?
我已经从谷歌云生成了一个API密钥,并且还启用了适用于android和ios的Maps SDK。我还在 AndroidManifest.xml 中输入了 API 密钥。但地图不会显示,只是灰屏。就像...
MacOS 上的 QWebEngineView 无法加载 Google 地图,并出现“未捕获的 ReferenceError:google 未定义”错误
我有一个 Qt 应用程序,可以在 QWebEngineView 中显示 Google 地图。该应用程序在 Windows 10 上编译时运行良好。但是,它在 macOS 上失败。 这是控制台输出的一部分,显示错误...
如何使用 Google Maps JavaScript API v3 获取 google 地图中查看区域中心的坐标
如何使用 javascript Google Maps JavaScript API v3 获取 google 地图上当前查看区域的中心坐标?谢谢
我正在尝试使用 Google Map API 绘制航空公司航班地图。但是我在每两点之间生成折线时遇到了一些问题。到目前为止,它只返回前两个 p 的一条折线...
有没有办法使指针从信息框指向地图上的标记和阴影?我用谷歌搜索,什么也没找到。我知道这可能是信息窗口,我想要同样的信息框。
Google Maps API 的基本高级版和首选版之间的区别
我正在构建一个谷歌地图API来获取美国某个州的所有地点,但我不明白谷歌API定价是如何工作的。我已阅读定价文档,但是在阅读 API 后
React 中的 Google 地图 MarkerClusterer 与 @react-google-maps/api
我想从 @react-google-maps/api 实现 MarkerClusterer 时遇到错误。 我得到的错误是 没有重载与此调用匹配。 重载 1 of 2, '(props: MarkerClustererP...
如何将特定标记位置theStore的街景添加到#street点击事件的地图上? 如何在 theStore 点击事件上将特定标记位置 #street 的街景添加到地图上? <button type="button" class="btn btn-default btn-sm" id="street">Street View</button> JavaScript: var theStore = {lat: -25.363, lng: 131.044}; var marker = new google.maps.Marker({ position: theStore, map: map }); google.maps.event.addDomListener(street, 'click', function () { //Display Street View of theStore }); 您只需将位置设置为特定标记的位置即可: panorama = map.getStreetView(); panorama.setPosition(theStore); panorama.setVisible(true);
在 google 地图 API 中显示多个多边形并设置其样式 - 每个多边形来自不同的外部 geojson 文件
我正在尝试在谷歌地图中渲染多个多边形,每个多边形都是从需要不同样式的外部单独geojson文件加载的。 关于该主题有一些类似的帖子,但是......
未捕获(承诺中)ReferenceError:信息窗口未定义
我已经在这个问题上苦苦挣扎了一段时间,并在 stackoverflow 和在线上做了一些适当的研究,但还没有弄清楚如何处理和解决这个问题。 这个问题...
GSheets 应用程序脚本中的 Maps.newDirectionFinder().SetArrive 和 SetDepart(Google 地图 API)不会影响经过测试的脚本返回的驾驶时间
我有两个实现,我尝试获取任意驾驶路线的持续时间,并使用 Google Sheets 中的 Apps 脚本设置到达或出发时间。我已经用多个测试过它们
我构建了一个vue组件来显示单位地址的3D建筑地图,其中unit.center为{ lat: 40.76, lng: -73.983 },其中3D建筑可用。 从'@</desc>导入{Loader} <question vote="-1"> <p>我构建了一个 vue 组件来显示单位地址的 3D 建筑地图,其中 <pre><code>unit.center</code></pre> 是 <pre><code>{ lat: 40.76, lng: -73.983 }</code></pre>,其中 3D 建筑可用。</p> <pre><code><script setup> import {Loader} from '@googlemaps/js-api-loader' import {usePage} from '@inertiajs/vue3' import {computed, onMounted, ref} from 'vue' const {unit} = defineProps({ unit: { type: Array, required: true, }, }) const mapRef = ref(null) const apiKey = usePage().props.config.googlemaps.key const mapId = usePage().props.config.googlemaps.mapId const mapOptions = { zoom: 19, center: unit.center, mapTypeId: 'satellite', mapId: mapId, disableDefaultUI: true, } onMounted(async () => { const apiLoader = new Loader({ apiKey: apiKey, version: 'weekly', }) try { await apiLoader.load() const map = new google.maps.Map(mapRef.value, mapOptions) map.setTilt(45) } catch (error) { console.error('Error loading Google Maps:', error) } }) </script> <template> <div ref="mapRef" style="height: 400px; width: 100%"></div> </template> </code></pre> <p>我的地图未显示 3D 建筑物,但一切均按照 <a href="https://developers.google.com/maps/documentation/javascript/maptypes?hl=de#45DegreeImagery" rel="nofollow noreferrer">Docs</a></p> 中所述进行设置 </question> <answer tick="false" vote="0"> <p>对我来说效果很好。它甚至似乎是这些坐标/缩放级别组合的默认视图(<pre><code>tilt</code></pre>在下面的代码中被注释掉,我看到了 45 个图像)。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>let map; async function initMap() { const { Map } = await google.maps.importLibrary("maps"); let mapOptions = { zoom: 19, center: { lat: 40.76, lng: -73.983 }, mapTypeId: google.maps.MapTypeId.SATELLITE, //tilt: 45 }; map = new Map(document.getElementById("map"), mapOptions); }</code></pre> <pre><code>#map { height: 180px; }</code></pre> <pre><code><div id="map"></div> <script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap"> </script></code></pre> </div> </div> <p></p> </answer> </body></html>
在静态地图中使用来自 Google Directions API 的编码折线的路径不正确
我正在尝试使用 Google 方向 API 中的编码折线并将其显示在 Google 静态地图图像中。当我在静态地图中使用编码折线时,路径显示不正确 - 它