google-maps-api-3 相关问题

通过Google Maps JavaScript API版本3，您可以将Google地图的功能嵌入到您自己的网站中。版本3为移动设备提供了极大改进的支持。在Maps API Google Group中提出非编程和许可问题（请参阅完整说明以获取链接）

Android Kotlin ARCore GeoSpatial API 类型不匹配错误：地球？但预计地球

我正在尝试使用 Android ARCore 和 Maps for Android SDK 构建地理空间 AR 应用程序。但是，当我尝试运行该应用程序时，它给出错误“类型不匹配：推断类型是地球？但是地球...

android kotlin google-maps google-maps-api-3 arcore

回答 2 投票 0

Vue.js GoogleMaps API 与 @googlemaps/js-api-loader

感谢您阅读我的问题:) 我正在尝试在我的 Vue.js 项目中实现 GoogleMaps 并使用 @googlemaps/js-api-loader （来自 https://developers.google.com/maps/documentation/javascript/

javascript vue.js google-maps-api-3

回答 4 投票 0

如何使用 Google Maps API 在单个 API 调用中创建多个标记？

我正在尝试使用 Google Maps API 在单个 API 调用中创建多个标记。是否有任何可能性，或者我可以使用其他方法？我已经尝试过 GeoJSON met...

google-cloud-platform google-maps-api-3 google-maps-markers google-cloud-api-keys

回答 1 投票 0

实时追踪路线 Maps api V3

我希望用户能够在行走时实时绘制路线。我已经有了用户的位置，但我不知道如何进行。有人可以帮助我吗？我希望用户能够在行走时实时绘制路线。我已经有了用户的位置，但我不知道如何进行。有人可以帮助我吗？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Maps Geolocation</title> <style> .success{ background-color:#6F9!important; color:#000!important; } #status{ padding:5px; background-color:#000; color:#fff;} </style> </head> <body> <section id="wrapper"> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <article> <p><span id="status">Please wait whilst we try to locate you...</span></p> </article> <script> function success(position) { var s = document.querySelector('#status'); if (s.className == 'success') { return; } s.innerHTML = "found you!"; s.className = 'success'; var mapcanvas = document.createElement('div'); mapcanvas.id = 'mapcanvas'; mapcanvas.style.height = '800px'; mapcanvas.style.width = '100%'; document.querySelector('article').appendChild(mapcanvas); var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var myOptions = { zoom: 16, center: latlng, // styles: styles, mapTypeControl: false }; var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions); var marker = new google.maps.Marker({ position: latlng, map: map, title:"You are here!" }); } function error(msg) { var s = document.querySelector('#status'); s.innerHTML = typeof msg == 'string' ? msg : "failed"; s.className = 'fail'; // console.log(arguments); } if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(success, error); } else { error('not supported'); } </script> </section> </body> </html> 我希望当用户行走时路线被绘制在地图上您可以尝试使用这些：要了解步行的具体路线，请使用 Google Maps Directions API。使用此 API，发送路线请求时，travelMode 是必填字段。但是，这并不能提供实时响应（据我所知）。要获取实时位置，请使用 Google Maps Geolocation API。此 API 是特定于设备的，这意味着您使用的浏览器或设备必须支持地理定位才能使用此 API。注意：想要执行地理定位的应用程序必须支持W3C 地理定位标准。我还建议您检查 6 用例和要求。获取当前位置或方向后，您可以使用多段线绘制路线。如文档中所述， Polyline类定义了地图上连接线段的线性叠加。 Polyline 对象由一组 LatLng 位置组成，并创建一系列以有序序列连接这些位置的线段。这是一个简单的折线实现代码： // This example creates a 2-pixel-wide red polyline showing the path of William // Kingsford Smith's first trans-Pacific flight between Oakland, CA, and // Brisbane, Australia. function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 3, center: {lat: 0, lng: -180}, mapTypeId: 'terrain' }); var flightPlanCoordinates = [ {lat: 37.772, lng: -122.214}, {lat: 21.291, lng: -157.821}, {lat: -18.142, lng: 178.431}, {lat: -27.467, lng: 153.027} ]; var flightPath = new google.maps.Polyline({ path: flightPlanCoordinates, geodesic: true, strokeColor: '#FF0000', strokeOpacity: 1.0, strokeWeight: 2 }); flightPath.setMap(map); } 重要提示：我建议您检查Google 地图服务条款许可限制，特别是有关 Maps API 实现的限制。为了更好地理解，请尝试阅读文档，您还可以查看这些附加参考资料：地图覆盖范围详细信息，显示各个国家/地区的覆盖范围详细信息。 PubNub 示例实现代码文章使用 JavaScript 实时进行 Google 地图地理位置跟踪使用 HTML5 定位服务广播地理位置数据希望这有帮助！这个链接可能有帮助，还有其他类似的课程旅程分享

javascript html google-maps-api-3

回答 2 投票 0

Google：TypeError：google.maps.Geocoder 不是构造函数

以下代码在 Firefox 中抛出标题所示的异常。 $(函数(){ 初始化（）; }); 变量地理编码器；函数初始化（）{ 地理编码器 = 新的 google.maps.Ge...</desc> <question vote="2"> <p>以下代码在 Firefox 中抛出标题所示的异常。</p> <pre><code><script type="text/javascript"> $(function () { initialize(); }); var geocoder; function initialize() { geocoder = new google.maps.Geocoder(); } </code></pre> <p></p> </question> <answer tick="false" vote="1"> <p>我的猜测是您没有包含 <strong>Google 地图的标题</strong>，因为您的代码似乎是正确的。</p> <p>尝试按照<a href="https://developers.google.com/maps/documentation/javascript/tutorial" rel="nofollow">此处</a>的步骤进行操作。</p> </answer> <answer tick="false" vote="1"> <p>使用最新的导入库的方法，<pre><code>geocoder()</code></pre>方法可能不再位于<pre><code>maps</code></pre>中。</p> <p>假设您有以下内容</p> <pre><code> const promises = [ mapLoader.importLibrary('maps'), mapLoader.importLibrary('geocoding'), ] // Use Promise.all() to send the promises in parallel return Promise.all(promises) .then(([maps, geocoding, places, core]) => { // Return the results as a single object named 'google' return { maps, geocoding, } }) .catch((error) => {}) </code></pre> <p>那么就<pre><code>geocoder = new google.geocoding.Geocoder();</code></pre></p> </answer> <answer tick="false" vote="0"> <p>您应该在加载主体后调用构造函数。 <pre><code>document.body.addEventListener('load', initialize)</code></pre></p> </answer> <answer tick="false" vote="0"> <p>在调用由地理编码器组成的函数之前添加此内容，以确保初始化特定的构造函数。</p> <pre><code>google.maps.importLibrary("geocoding").then(() => { //Call your function here } </code></pre> </answer> <answer tick="false" vote="-1"> <p>如果谷歌地图脚本没有加载，并且你调用地图相关函数，那么你会得到这种错误。</p> </answer> </body></html>

javascript google-maps google-maps-api-3

回答 0 投票 0

在 OverlayView div 占据的区域中禁用 Google 地图“点击”事件

我正在制作一个谷歌地图（v3）混搭，其中有一个用于单击事件的地图侦听器。 google.maps.event.addListener(map, 'click', function(event) {addMarker(event)}); 地图上的这个点击事件

jquery google-maps google-maps-api-3

回答 3 投票 0

jquery 动画高度在谷歌地图控件中不起作用

我正在尝试为 Google 地图 v3 创建自己的控件。单击控制按钮时，会将地图 div 在页面上移至更高位置并扩展地图高度。（是的，这类似于谷歌地图的

jquery google-maps-api-3 jquery-animate

回答 1 投票 0

Google API 中的所有国家和美国各州 [已关闭]

是否有一个用于显示世界上所有国家列表的Google API以及一个用于显示美国所有州列表的API？我知道一个自动完成器 API (https://maps.googleapis.com/maps/api...