google-maps-api-3 相关问题

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

Google 地图 API - 使用信息窗口控制位置

是否可以使用类似于maps.controls[google.maps.ControlPosition.TOP_CENTER].push(infoWindow)的东西来让控制窗口显示在地图的顶部中心？我有一张带有 pol 的地图...

javascript google-maps google-maps-api-3

回答 2 投票 0

如何在React js中使用谷歌地图方向API添加自定义标记

技术堆栈 - Google 地图方向 Api、React JS 等。问题陈述 - 使用谷歌地图方向 Api 我正在绘制 3 个引脚，即起点、航路点和目的地。我能够绘制所有这些

google-maps-api-3 google-maps-markers google-map-react

回答 2 投票 0

Angular 17 google 地图：在index.html 外部加载googleapis 脚本

在我在网上找到的所有示例中，脚本始终嵌入在index.html中。我想在组件中或在组件中注入的服务中执行此操作。不幸的是，我没有成功...

angular google-maps-api-3

回答 0 投票 0

如何通过侧面链接单击呈现标记信息窗口

我正在制作这个演示。为什么我无法在链接点击时呈现关联的信息窗口？正如你所看到的，我已经尝试过： $('#mapa').append(' 我正在制作这个演示。为什么我无法在链接点击时呈现关联的信息窗口？正如你所看到的，我已经尝试过了： $('#mapa').append('<li class=' + marker.id + '><a href="javascript:showInfo(' + (locations.length - 1) + ')">' + data.markers[p].title + '</a></li>'); function showInfo(i) { google.maps.event.trigger(locations[i], "click"); } 但我越来越未捕获的引用错误：showInfo 未定义当我点击链接时。要从 HTML on click 函数运行，您的 showInfo 函数需要位于全局上下文中。此外，如果您查看生成的 HTML，您将看到： <a href="javascript:showInfo(-1)">Barcelona</a> （-1 不是数组的有效索引）并且 locations 数组是空的，你永远不会将标记推到它上面。当我解决所有这些问题时，链接有效：更新的小提琴代码片段： var map; var locations = []; function showInfo(i) { google.maps.event.trigger(locations[i], "click"); } $(document).ready(function() { var latlng = new google.maps.LatLng(11.610707, 122.740089); var myOptions = { zoom: 12, center: latlng, disableDefaultUI: true, scaleControl: true, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL }, mapTypeControl: true, draggableCursor: 'move', mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var infowindow = new google.maps.InfoWindow({ content: "" }); var data = { "markers": [{ "latitude": 11.606503, "longitude": 122.712637, "title": "Copenhagen" }, { "latitude": 11.585988, "longitude": 122.757084, "title": "Barcelona" } ] }; locations.length = 0; for (p = 0; p < data.markers.length; p++) { var marker = new google.maps.Marker({ position: new google.maps.LatLng(data.markers[p].latitude, data.markers[p].longitude), map: map, draggable: false, title: "marker " + p, id: p }); locations.push(marker); $('#mapa').append('<li class=' + marker.id + '><a href="javascript:showInfo(' + (locations.length - 1) + ')">' + data.markers[p].title + '</a></li>'); bindInfoWindow(marker, map, infowindow, data.markers[p].title); } function bindInfoWindow(marker, map, infowindow, strDescription) { google.maps.event.addListener(marker, 'click', function() { infowindow.setContent(strDescription); infowindow.open(map, marker); }); } }); @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css'); .container { margin-top: 30px; } #map_canvas { width: 100%; height: 400px; } .highlighted { color: red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script> <script src="http://maps.google.com/maps/api/js"></script> <ul id="mapa"> </ul> <div class="container"> <div class="well"> <div id="map_canvas"></div> </div> </div>

google-maps google-maps-api-3

回答 1 投票 0

在 Google 地图中使用 KMZ 文件

有什么方法可以在 Google 地图中使用 KMZ 文件吗？我的 KML 文件约为 10.7MB，因此无法在 Google 地图上加载。 KMZ 文件大约 2MB。我看到它的唯一方法是拥有多个 KML，但它......

google-maps-api-3 kml kmz

回答 3 投票 0

标记之间的距离谷歌地图

我试图显示标记之间的距离，但它只显示一些标记之间的距离，而不是全部。这是我的代码下面的函数让我显示距离。大家可以帮助我吗或者

javascript google-maps google-maps-api-3

回答 1 投票 0

Google Maps API V3 在信息窗口中显示持续时间和距离

我已经构建了一个自定义地图，可以构建从单个点到单击标记的方向，但是我无法弄清楚如何在信息中显示总距离和旅行持续时间...