google-maps-api-3 相关问题

将 Google 地图嵌入到 codepen 中

我希望制作一个使用 codepen 嵌入 Google 地图的示例。它无法正常工作。这是代码笔。 地图加载在正确位置的中心，但它是静态图像，而不是

谷歌地图圆形光标

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

KML ARGB 颜色未正确显示

这是我正在制作的地图的屏幕截图： 这是我的 KML 代码： <LineStyle> <color>ff8C0A23</color> <width>2</</desc> <question vote="2"> <p>这是我正在制作的地图的屏幕截图：</p> <p><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvc1d0c0EuanBn" alt="enter image description here"/></p> <p>这是我的 KML 代码：</p> <pre><code>&lt;Style id=&#34;line1&#34;&gt; &lt;LineStyle&gt; &lt;color&gt;ff8C0A23&lt;/color&gt; &lt;width&gt;2&lt;/width&gt; &lt;/LineStyle&gt; &lt;/Style&gt; &lt;Placemark&gt; &lt;styleUrl&gt;#line1&lt;/styleUrl&gt; &lt;LineString&gt;&lt;coordinates&gt; ... </code></pre> <p>你可以看到颜色值是<pre><code>ff8C0A23</code></pre>，它是<strong>ARGB</strong>，对吧？所以 <strong>RGB</strong> 颜色是 <pre><code>8C0A23</code></pre>，应该如下所示：</p> <p><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvbFZzWTIuanBn" alt="enter image description here"/></p> <p>但是正如您所看到的，边界的颜色在地图中显示完全不同。有谁知道怎么解决吗？</p> </question> <answer tick="true" vote="14"> <p><a href="https://developers.google.com/kml/documentation/kmlreference" rel="nofollow noreferrer">https://developers.google.com/kml/documentation/kmlreference</a></p> <p>根据： <a href="https://developers.google.com/kml/documentation/kmlreference#color" rel="nofollow noreferrer">https://developers.google.com/kml/documentation/kmlreference#color</a></p> <p>表达顺序为aabbggrr</p> <pre><code>&lt;color&gt; Color and opacity (alpha) values are expressed in hexadecimal notation. The range of values for any one color is 0 to 255 (00 to ff). For alpha, 00 is fully transparent and ff is fully opaque. The order of expression is aabbggrr, where aa=alpha (00 to ff); bb=blue (00 to ff); gg=green (00 to ff); rr=red (00 to ff). For example, if you want to apply a blue color with 50 percent opacity to an overlay, you would specify the following: &lt;color&gt;7fff0000&lt;/color&gt;, where alpha=0x7f, blue=0xff, green=0x00, and red=0x00. </code></pre> <p>请参阅此颜色选择器： <a href="http://www.zonums.com/gmaps/kml_color/" rel="nofollow noreferrer">http://www.zonums.com/gmaps/kml_color/</a>（似乎不再工作）</p> <p>我的副本：<a href="http://www.geocodezip.com/zonums_com_gmaps_kml_color.html" rel="nofollow noreferrer">http://www.geocodezip.com/zonums_com_gmaps_kml_color.html</a></p> </answer> </body></html>

使用谷歌地图 API 中有趣地点的原生 infoWindows

我不知道它怎么称呼，所以这是屏幕。任何嵌入 API 的地图都有这些带有餐馆、酒店和其他当地人的小标记： 当用户点击一些时，就会出现美容信息W...

根据姓名、地址和邮政编码放置标记

在我的域模型中，对于有问题的实体，我有： 地点名称（例如 Waterstones Wakefield） 街道地址（例如 61-62 Bishopgate Walk） 以及邮政编码（例如 WF1 1YB） 来...

NextJS - 谷歌地图动态改变标记的颜色

在我的 nextJS 应用程序中，我通过 @googlemaps/js-api-loader 包加载我的地图。我有一个要在地图上绘制的位置列表，同时在左侧有一个禁用的位置列表...

如何搜索数据库中存储的附近地点？

我正在开发一个网络应用程序，用户在地图（Google Maps API）中设置一个位置，并将坐标存储在数据库中。 在另一个页面上，我想做一个搜索，其中包括获取我的本地

从子屏向父屏传递数据时出现颤动错误（执行订单）

首先对英语的混乱感到抱歉，因为它不是我的母语。 所以我正在尝试构建一个汽车租赁应用程序，该应用程序在 flutter 中使用来自 google 的地图 api，我基本上有一个按钮可以获取

在 NEXTJS 中使用 google 地图平台的最佳 npm 包是什么

我目前正在开发一个 Next.js 项目，我正在寻找最好的 npm 包来集成 Google 地图平台。尽管进行了广泛的搜索，我仍然无法找到合适的软件包或......

与 Google Maps Javascript API v3 一起使用时的服务使用限制

我试图澄清与 Google Maps JavaScript API 一起使用时 Google 地图服务（例如地点、路线等）的使用限制。 根据官方文档 JavaScrip...

实时位置

我正在开发一个应用程序，我需要应用程序内的地图显示拥有此应用程序的人，您还应该看到该人的实时移动，例如Apple的应用程序“查找我的iPhon...

Google 地理编码器找到佐治亚州，而不是国家/地区

我有一个带有搜索栏的全球比例地图，允许用户搜索一个国家/地区，当他们单击该按钮时，它将放大到他们搜索的国家/地区（使用 Google 地理编码器）...

Google Maps API V3 禁用平滑缩放

我正在为 Samsung Smart TV 2012 制作一个应用程序，它基本上是 HTML5 和 JavaScript。 Google 地图 V3 运行得非常好，但有一件事。 看来电视处理能力不够所以...

移动设备上的 Google Maps Api 道路错误

我在使用 React 和谷歌地图制作的 PWA 时遇到了一些麻烦，我正在使用 vis.gl/react-google-maps，问题是道路没有在移动设备上显示，地图在c...

如何以编程方式在聊天窗口中显示位置消息，就像android中的whatsapp一样？

我正在开发一个聊天应用程序。用户可以像 Whatsapp 一样发送位置信息。 （我不是在谈论共享实时位置功能）。对于这个要求，我使用了谷歌地点选择器......

如何将 JSON 导入到谷歌地图样式编辑器中？

在本文中：https://developers.google.com/maps/documentation/javascript/cloud-customization/map-styles 它表示要将 JSON 导入云样式编辑器，请选择“导入 JSON”单选

计算谷歌地图中两个火车站的路线距离

我知道使用Google API，可以计算两点之间的路线距离，但是我看到的大多数例子是方向服务计算汽车/步行/自行车的距离...

Google 地图 API - 删除标记

我尝试在此处和 Google Maps API 文档中查看各种代码块，但仍然无法弄清楚如何隐藏标记。 这是我当前的代码

如何从谷歌地图中删除单个标记

我尝试向谷歌地图添加标记，然后尝试将其删除，但现在我已经使用下面的代码完成了添加和删除 我尝试向谷歌地图添加标记，然后尝试将其删除，但现在我已经使用下面的代码完成了添加和删除 <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>MapsApi</title> <style> #map_canvas { width: 100%; height: 500px; background-color: #CCC; } #menu_bar{ width: 100%; height: 150px; position:absolute; bottom:0px; background-color: #CCC; border-top:1px solid red; } body{ padding:0px; margin:0px; } </style> <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var map; var markers = []; function initialize() { var myLatlng = new google.maps.LatLng(44.5403, -78.5463); var mapOptions = { zoom: 4, center: myLatlng } var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); google.maps.event.addListener(map, 'click', function(event) { addMarker(event.latLng); }); // add marker to positon function addMarker(location) { var marker = new google.maps.Marker({ position: location, map: map }); google.maps.event.addListener(marker, 'click', function(event) { this.setMap(null); }); markers.push(marker); } // Sets the map on all markers in the array. function setAllMap(map) { for (var i = 0; i < markers.length; i++) { markers[i].setMap(map); } } } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map_canvas"></div> <div id="menu_bar"> </div> </body> </html> 现在有一个问题：我应该如何设置 markers.push(marker) 的值，因为我已经删除了一个标记，所以它的值必须小于其预期存储...任何人都可以帮忙吗？ 更简单的答案是，不要从 markers 数组中删除标记。您要做的就是识别要从地图中删除的标记，然后使用 setMap(null)。 markers[indexOfMarker].setMap(null); 如果您想在某个时刻重新添加标记，可以使用以下方法： markers[indexOfMarker].setMap(map);

Google 地图 API - 删除标记

我尝试在此处和 Google Maps API 文档中查看各种代码块，但仍然无法弄清楚如何隐藏标记。 这是我当前的代码