google-maps 相关问题

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

像许多人一样，我正在尝试迁移到 Google Maps Javascript API 中的 AdvancedMarkerElement。我已遵循文档，到目前为止： 像许多人一样，我正在尝试迁移到 Google Maps Javascript API 中的 AdvancedMarkerElement。我已遵循文档，到目前为止： <pre><code><script defer src="https://maps.googleapis.com/maps/api/js?key={{env("GOOGLE_JAVASCRIPT_APIKEY")}}&loading=async&callback=gmapinit&v=weekly&libraries=marker"></script> </code></pre> 然后进一步进行回调： <pre><code>async function gmapinit() {//used as callback,required by the api when loading it const {AdvancedMarkerElement} = await google.maps.importLibrary("marker"); const {PinElement} = await google.maps.importLibrary("marker"); GMap = new G_Map();//own wrapper class } </code></pre> 成功工作是地图上的基本 AdvancedMapMarker： <pre><code> let marker = new google.maps.marker.AdvancedMarkerElement({ map: this.map, position: markerposition, title: title, }); let iconImg = document.createElement("img"); iconImg.src = optargs.icon; marker.content = iconImg; </code></pre> 但是这里的图像没有缩放，我想以编程方式进行缩放。所以尝试将上面的内容更改为 <pre><code> let iconImg = document.createElement("img"); iconImg.src = optargs.icon; let pin = new PinElement({ scale: 1.5, content: iconImg, }); let marker = new google.maps.marker.AdvancedMarkerElement({ map: this.map, position: markerposition, title: title, content: pin.element }); </code></pre> 发生错误的地方是： <pre><code>ReferenceError: PinElement is not defined </code></pre> 所以我的问题是如何根据示例加载 PinElement 来编码 - 我显然在某处遗漏了一些简单的东西 </question> <answer tick="false" vote="0"> 所以我通过一个小小的修正实现了这个： <pre><code> let pin = new PinElement({ </code></pre> 成为 <pre><code> let pin = new google.maps.marker.PinElement({ </code></pre> 所以图钉中图像的代码是 <pre><code> let iconImg = document.createElement("img"); iconImg.src = optargs.icon; iconImg.style = "width:2em"; iconImg.onclick = "alert('hi')"; let pin = new google.maps.marker.PinElement({ scale: 1.25, background: "#F7D32F", glyph: iconImg, }); let marker = new google.maps.marker.AdvancedMarkerElement({ map: this.map, position: markerposition, title: title, content: pin.element, gmpClickable: true }); </code></pre> 错误明显存在于对 google.maps.marker.PinElement 的类引用和原始问题的一部分中。 如果不纠正最初要求的内容和可见的错误，就永远不可能实现最小的工作示例 <a href="https://i.sstatic.net/7okhvPGe.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvN29raHZQR2UucG5n" alt="enter image description here"/></a> </answer> </body></html>

javascript google-maps google-maps-advanced-marker-element

回答 0 投票 0

Google 地理定位 API - 红色目的地标记为

我正在学习如何使用 Google 地理定位 API。我的钥匙可以告诉我纬度和经度，我得到了如图所示的确切位置的地图。但我需要的是没有t的地图...

javascript google-maps google-geocoding-api google-geolocation

回答 1 投票 0

谷歌地图圆形光标

我创建了可编辑的圈子我的谷歌地图建议了这个链接： https://developers.google.com/maps/articles/mvcfun 我想将光标更改为十字线或圆形上方的 png 图像。 ...

google-maps google-maps-api-3

回答 1 投票 0

如何在QGIS的Python代码中获取谷歌底图？

我正在为不同的用户创建一个Python插件，其中包含每个人需要在QGIS中使用和使用的图层。使用以下代码从 Geoserver 添加栅格没有任何问题： ...