google-maps 相关问题

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

导入 androidx.annotation.NonNull; 导入 androidx.annotation.Nullable; 导入 androidx.core.app.ActivityCompat; 导入 androidx.core.content.ContextCompat; 导入 androidx.fragment.app.Fragment；

java android xml google-maps

回答 1 投票 0

构建 Chrome 扩展时面临 CSP 问题

我正在构建一个 Chrome 扩展，它使用 chatgpt 和 Google API 等等。我正在使用 Reactjs 构建这个应用程序。当我在本地主机上运行它时，它工作正常，但是当我......

reactjs google-chrome google-maps google-chrome-extension browser

回答 1 投票 0

Google 地图 Javascript API：marker.setPosition 问题测试模拟</tit...</desc> <question vote="4"> <p>这可能是显而易见的事情......但我看不到它。以下代码对除marker.setPosition 操作之外的所有内容均按预期工作：</p> <pre><code><head> <title>Test Simulation</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=x&sensor=false"> </script> <script type="text/javascript"> var marker = null; var myLatlng = null; var map = null; var image = null; var mapOptions = null function movemarker() { xmlhttp=new XMLHttpRequest(); xmlhttp.open("GET","http://x.com/x13/?testloc=1",false); xmlhttp.send(); var data = xmlhttp.responseText; vals = data.split(','); latv = parseFloat(vals[0]); lonv = parseFloat(vals[1]); myLatlng = new google.maps.LatLng(latv,lonv); var fld = document.getElementById('before_map'); fld.innerText = ' ' + 'lat:' + latv + ', lon: ' + lonv + ' ' + myLatlng.toString(); marker.setPosition = myLatlng; } function initialize() { myLatlng = new google.maps.LatLng(44.809122,-36.650391); mapOptions = { center: myLatlng, zoom: 3, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); image = 'http://x.com/x_icon.gif'; marker = new google.maps.Marker( { position: myLatlng, map: map, icon: image, title:"Hello World!" }) window.setInterval("movemarker()",5000); } </script> </head> <body onload="initialize(); "> <div id="before_map">Test area...</div> <div id="map_canvas" style="align:right; width:600; height:500"></div> </code></pre> <p>“before_map”测试区域显示新的纬度和经度值——每 5 秒更新一次。</p> <p>我已经根据类似问题的答案进行了调整，但我仍然陷入困境。</p> </question> <answer tick="true" vote="26"> <p>setPosition 是一个方法。您需要将代码修改为 </p> <pre><code>marker.setPosition(myLatlng); </code></pre> <p>请检查是否有效。</p> </answer> <answer tick="false" vote="10"> <p>marker.setPosition 是一个函数，而不是一个属性，我想你想要</p> <p><pre><code>marker.setPosition(myLatlng);</code></pre></p> </answer> <answer tick="false" vote="0"> <p><strong>自 2024 年 2 月 21 日 (v3.56) 起，google.maps.Marker 已弃用</strong>。</p> <p>3.56版本引入了<a href="https://developers.google.com/maps/documentation/javascript/advanced-markers/start" rel="nofollow noreferrer">AdvancedMarkerElement</a>，它没有<pre><code>marker.setPosition(myLatlng)</code></pre>方法。以下是如何使用新的高级标记以及如何将其更新到新位置。</p> <pre><code>const map = new google.maps.Map(document.getElementById("map"), { center: { lat: 37.4239163, lng: -122.0947209 }, zoom: 14, mapId: "MyMapId", }); const marker = new google.maps.marker.AdvancedMarkerElement({ map: map, position: { lat: 37.4239163, lng: -122.0947209 }, gmpDraggable: true, title: "My draggable marker" }); </code></pre> <p>更新标记位置：</p> <pre><code>marker.position = { lat: 37.4239278, lng: -122.0943694 } </code></pre> <p>请注意，新的高级标记需要 <pre><code>map</code></pre> 对象具有 <pre><code>mapId</code></pre> 属性，否则将无法工作。</p> </answer> </body></html>

这可能是显而易见的事情......但我看不到它。以下代码对除marker.setPosition 操作之外的所有内容均按预期工作：测试模拟</tit...</desc> <question vote="4"> <p>这可能是显而易见的事情......但我看不到它。以下代码对除marker.setPosition 操作之外的所有内容均按预期工作：</p> <pre><code><head> <title>Test Simulation</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=x&sensor=false"> </script> <script type="text/javascript"> var marker = null; var myLatlng = null; var map = null; var image = null; var mapOptions = null function movemarker() { xmlhttp=new XMLHttpRequest(); xmlhttp.open("GET","http://x.com/x13/?testloc=1",false); xmlhttp.send(); var data = xmlhttp.responseText; vals = data.split(','); latv = parseFloat(vals[0]); lonv = parseFloat(vals[1]); myLatlng = new google.maps.LatLng(latv,lonv); var fld = document.getElementById('before_map'); fld.innerText = ' ' + 'lat:' + latv + ', lon: ' + lonv + ' ' + myLatlng.toString(); marker.setPosition = myLatlng; } function initialize() { myLatlng = new google.maps.LatLng(44.809122,-36.650391); mapOptions = { center: myLatlng, zoom: 3, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); image = 'http://x.com/x_icon.gif'; marker = new google.maps.Marker( { position: myLatlng, map: map, icon: image, title:"Hello World!" }) window.setInterval("movemarker()",5000); } </script> </head> <body onload="initialize(); "> <div id="before_map">Test area...</div> <div id="map_canvas" style="align:right; width:600; height:500"></div> </code></pre> <p>“before_map”测试区域显示新的纬度和经度值——每 5 秒更新一次。</p> <p>我已经根据类似问题的答案进行了调整，但我仍然陷入困境。</p> </question> <answer tick="true" vote="26"> <p>setPosition 是一个方法。您需要将代码修改为 </p> <pre><code>marker.setPosition(myLatlng); </code></pre> <p>请检查是否有效。</p> </answer> <answer tick="false" vote="10"> <p>marker.setPosition 是一个函数，而不是一个属性，我想你想要</p> <p><pre><code>marker.setPosition(myLatlng);</code></pre></p> </answer> <answer tick="false" vote="0"> <p><strong>自 2024 年 2 月 21 日 (v3.56) 起，google.maps.Marker 已弃用</strong>。</p> <p>3.56版本引入了<a href="https://developers.google.com/maps/documentation/javascript/advanced-markers/start" rel="nofollow noreferrer">AdvancedMarkerElement</a>，它没有<pre><code>marker.setPosition(myLatlng)</code></pre>方法。以下是如何使用新的高级标记以及如何将其更新到新位置。</p> <pre><code>const map = new google.maps.Map(document.getElementById("map"), { center: { lat: 37.4239163, lng: -122.0947209 }, zoom: 14, mapId: "MyMapId", }); const marker = new google.maps.marker.AdvancedMarkerElement({ map: map, position: { lat: 37.4239163, lng: -122.0947209 }, gmpDraggable: true, title: "My draggable marker" }); </code></pre> <p>更新标记位置：</p> <pre><code>marker.position = { lat: 37.4239278, lng: -122.0943694 } </code></pre> <p>请注意，新的高级标记需要 <pre><code>map</code></pre> 对象具有 <pre><code>mapId</code></pre> 属性，否则将无法工作。</p> </answer> </body></html>

javascript google-maps marker

回答 0 投票 0

在 Google 地图平台中为 Flutter 项目创建地图 ID 时选择哪种地图类型？

我目前正在开发一个 Flutter 项目，我想使用 google_maps_flutter 包提供的 cloudMapId 参数来实现基于云的地图样式。当我尝试创建一个新的 M...

android ios flutter google-maps google-maps-flutter

回答 1 投票 0

为什么我在 Google 地图中使用 containsLocation 和 isLocationOnEdge 时会得到 false

使用Polyline方法，我尝试使用Google Map API在桌面环境的Google Maps上绘制折线。如果我单击或将鼠标悬停在一行上，那么我想显示一个对话框

javascript google-maps

回答 1 投票 0

本地主机中未捕获的运行时错误：3000

我正在使用地图 JavaScript API（谷歌 API）并在我的 React 应用程序中遇到未捕获的运行时错误。该网站似乎运行良好，因此很难知道这个错误来自哪里

reactjs google-maps localhost create-react-app

回答 1 投票 0

react-native-maps：必须将 AirGoogleMaps 目录添加到您的 xCode 项目中才能支持 iOS 上的 GoogleMaps

我尝试在 iOS 上使用谷歌地图，但收到此错误： react-native-maps：必须将 AirGoogleMaps 目录添加到您的 xCode 项目中才能支持 iOS 上的 GoogleMaps。错误图像我正在使用反应-...

ios reactjs google-maps react-native react-native-maps

回答 5 投票 0

获取带有纬度/经度的谷歌地图链接

我想获取谷歌地图链接，该链接显示位于纬度/经度的标记中的标题/内容。所以参数是标题、内容、纬度、经度。结果是这样的链接 https://地图。

google-maps

回答 9 投票 0

使用 gms 和 swift ui 点击 poi 时未调用委托函数

所以我在swiftui中实现了谷歌地图sdk，由于某种原因，委托函数mapView(_:didTapPOIWithPlaceID:name:location:)没有被调用，但是函数func mapView(_ map...

ios swift google-maps swiftui

回答 1 投票 0

实施 Google Speed Limit Api 时出现“速度限制不适用于此项目”问题

我正在尝试实现谷歌限速API来计算从一个位置到另一个位置所需的最低速度。但是当我在浏览器中运行时出现以下错误。有没有人可以...

android google-maps

回答 2 投票 0

未捕获（承诺中）类型错误：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。 ..