google-maps 相关问题

Google地图是Google提供的桌面和移动网络地图服务应用程序和技术，提供卫星图像，街道地图和街景视图。还支持通过Google Maps API嵌入第三方网站的地图，以及世界各地许多国家的城市企业和其他组织的定位器。

未捕获（承诺中）类型错误：google.maps.importLibrary 不是函数 - 地图未加载

使用谷歌地图API，地图似乎加载了20%的时间。目前出现上述错误。以下是我的PHP：异步函数 initMap() { const { 地图、信息...</desc> <question vote="-2"> <p>使用谷歌地图 API，地图似乎加载了 20% 的时间。目前出现上述错误。以下是我的PHP：</p> <pre><code><script> async function initMap() { const { Map, InfoWindow } = await google.maps.importLibrary("maps"); const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary( "marker", ); } document.addEventListener('DOMContentLoaded', (event) => { initMap(); }); </script> <div class="search"> <input id="autocomplete" placeholder="Enter address, city, or zip/postal code" type="text"> </div> <div id="loadMap" style="height: 600px; width: 100%;"></div> <script src="https://maps.google.com/maps/api/js?v=weekly&key=KEY&libraries=places&loading=async&solution_channel=GMP_guides_locatorplus_v2_a"></script> </code></pre> <p>预计地图能够 100% 加载。</p> </question> <answer tick="false" vote="0"> <p>我将为您阅读<a href="https://developers.google.com/maps/documentation/javascript/load-maps-js-api?hl=en" rel="nofollow noreferrer">文档</a>，特别是<em>“迁移到动态库导入API”部分</em>。</p> <ol> <li>第一步说：<em>用内联引导加载程序标签替换直接脚本加载标签。</em></li> <li>无需使用<pre><code>DOMContentLoaded</code></pre> - 查看文档中的示例</li> <li>问题解决了</li> </ol> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>async function initMap() { const { Map, InfoWindow } = await google.maps.importLibrary("maps"); const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary("marker"); } initMap();</code></pre> <pre><code><div class="search"> <input id="autocomplete" placeholder="Enter address, city, or zip/postal code" type="text"> </div> <div id="loadMap" style="height: 600px; width: 100%;"></div> <script> (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({ key: "AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk", v: "weekly", // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.). // Add other bootstrap parameters as needed, using camel case. }); </script></code></pre> </div> </div> <p></p> </answer> </body></html>

javascript php google-maps

回答 0 投票 0

将号码添加到Android中的谷歌地图标记中

我有一个位置列表，我想将每个位置固定在地图上，并将索引号显示到每个标记中。我该怎么做？注意：我使用jetpack compose

android google-maps android-jetpack-compose

回答 1 投票 0

如何在我的组件中获取对 MapAdvancedMarker 的引用

我正在使用带有几个高级标记的@angular/google-maps包（因为MapMarkers已被弃用）：我正在使用 @angular/google-maps 包和几个高级标记（因为 MapMarkers 已被弃用）： <google-map height="400px" width="750px" [center]="center" [zoom]="zoom" (mapInitialized)="onMapInitialized($event)"> @for (position of markerPositions; track position) { <map-advanced-marker #mapAdvancedMarker="mapAdvancedMarker" [position]="position" /> } </google-map> 如何获取组件中特定标记的引用，以便更新其内容、位置……或触发单击事件？显然，为了检查 (mapInitialized)="onMapInitialized($event)" 引用，ViewChild 回调函数不可靠（因为它一直是 undefined）。因此，当检查它时AfterViewInit，它已设置完毕并且一切正常，我可以用它做任何我想做的事情。

angular google-maps google-maps-markers angular-google-maps

回答 1 投票 0

如何在我的毛伊岛应用程序中向 Google 地图添加数百个图钉？

我正在构建一个 .NET Maui 应用程序（到目前为止适用于 Android）。我正在使用 Microsoft 地图控件和 Google 地图。我需要以与 MarineTraffic 和

google-maps maui

回答 1 投票 0

react-google-maps API 未使用 useMapsLibrary 钩子加载

我正在使用react-google-maps开发一个小型React应用程序。根据下面的链接，可以使用 useMapsLibrary 挂钩加载特定的 Google API https://visgl.github.io/react-google-map...

javascript reactjs google-maps react-google-maps

回答 1 投票 0

谷歌地图MarkerClusterer如何个性化渲染器

我正在将 MarkerClusterer 与谷歌地图 api 一起使用，我正在尝试使用渲染器接口更改标记的行为，正如他们在文档中所解释的那样：https://googlemaps.github.io/js-markerclust。 ..