Questions tagged «google-maps-api-3»

我有一张Google地图，其中的半透明面板覆盖了该区域的一部分。我想调整地图的中心点，以考虑部分遮挡的地图部分。参见下图。理想情况下，放置十字线和大头针的位置将是地图的中心点。 我希望这是有道理的。 原因很简单：缩放时，需要将地图置于十字准线的中心，而不是50％50％。另外，我将在地图上绘制标记并依次移动它们。当地图以它们为中心时，它们也需要位于偏移位置。 提前致谢！

78 javascript  google-maps-api-3 

我正在使用fitBounds（）在地图上设置缩放级别，也包括当前显示的所有标记。但是，当我只看到一个标记时，缩放比例为100％（...我认为是20的缩放比例...）。但是，我不希望它被放大得那么远，以便用户无需缩小就可以调整标记的位置。 我有以下代码： var marker = this.map.createMarker(view.latlng, this.markerNumber); this.map.bounds.extend(view.latlng); this.map.map.setCenter(this.map.bounds.getCenter()); this.map.map.fitBounds(this.map.bounds); if (this.markerNumber === 1) { this.map.map.setZoom(16); } this.markerNumber++; 之前this.map.bounds定义为： this.map.bounds = new google.maps.LatLngBounds(); 但是，我遇到的问题是，this.map.map.setZoom(16);如果使用this.map.map.fitBounds(this.map.bounds);，则该行不起作用，但是，我知道代码行是正确的，因为当我注释掉fitBound（）行时，setZoom（）会神奇地开始运行。 有什么想法可以解决吗？如果无法正常工作，我正在考虑设置maxZoom级别作为替代。

78 javascript  google-maps  google-maps-api-3  google-maps-markers 

因此，我正在执行的第一个项目上使用Google Maps API。是的，我是新手，如果这是基础知识或显而易见的事情，对不起，但我找不到明确的答案或方向。以下是我从Google找到的有关安全使用API​​密钥的文档。 安全使用API​​密钥的最佳做法 在应用程序中使用API​​密钥时，请注意确保其安全。公开公开您的凭据可能会导致您的帐户遭到盗用，这可能会导致您的帐户产生意外费用。为了确保您的API密钥安全，请遵循以下最佳做法： 不要将API密钥直接嵌入代码中：嵌入在代码中的API密钥可能会意外地向公众公开-例如，如果您忘记从共享代码中删除密钥。不要将API密钥嵌入到应用程序中，而是将它们存储在环境变量或应用程序源代码树之外的文件中。不要将API密钥存储在应用程序源树中的文件中：如果将API密钥存储在文件中，请将文件保留在应用程序源树之外，以帮助确保密钥不会最终出现在源代码控制系统中。如果您使用公共源代码管理系统（例如GitHub），则这一点尤其重要。限制您的API密钥仅由需要IP地址，引荐来源网址的网址和移动应用使用：通过限制IP地址，引荐来源网址，以及可以使用每个密钥的移动应用程序，则可以减少泄露的API密钥的影响。您可以通过打开“凭据”页面，然后使用所需的设置创建新的API密钥，或编辑API密钥的设置，来指定可从控制台使用每个密钥的主机和应用程序。删除不需要的API密钥：为了最大程度地减少遭受攻击的风险，请删除不再需要的所有API密钥。定期重新生成API密钥：通过单击每个密钥的“重新生成密钥”，可以从Cloud Platform控制台凭据页面重新生成API密钥。然后，更新您的应用程序以使用新生成的密钥。生成替换密钥后，您的旧密钥将继续工作24小时。在公开发布代码之前，请先对其进行检查： 现在我的问题是，如果不直接将其放入代码中，我将无法弄清楚如何将Google Map整合到我的网站中。现在，我的API像这样在我的index.html中： <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"> </script> 但这再次直接在我的代码中供全世界使用，我认为这是错误的方式。

77 html  google-maps  google-maps-api-3  api-key 

我想跟踪在Google Maps界面上打开的所有信息窗口（我将它们的名称存储在数组中），但是当它们通过“ x”关闭时，我不知道如何从数组中删除它们。在每个右上角。 我可以听某种回调吗？或者也许我可以做类似的事情 addListener("close", infowindow1, etc？

76 javascript  jquery  google-maps  google-maps-api-3 

在V2中，有一种方法可以限制平移/拖动，以便地图保持在一定范围内。在V3中如何完成？ 假设我希望用户只看欧洲。我已经限制了缩放，但是如果允许拖动（出于其他原因，在这种情况下，我必须这样做），则用户可以平移超出我要显示的区域。 请提供工作示例或代码段-我不是专家编码人员...

75 javascript  google-maps  google-maps-api-3 

我在数据库中有2个点的经度和纬度，我希望我的Google Map显示从A点到B点的路线。 就像我们在这里看到的一样（Google Maps Directions） 如何在地图上绘制该方向线？

74 google-maps  google-maps-api-3 

我在Twitter Bootstrap模态对话框中有一个Google Maps自动完成输入字段，并且不显示自动完成结果。但是，如果按向下箭头键，它将选择下一个自动完成结果，因此自动完成代码似乎正常工作，只是结果显示不正确。也许它隐藏在模态对话框的后面？ 这是屏幕截图： 在自动完成字段中输入内容无济于事 按向下箭头键可获得第一个结果 和代码： <div class="modal hide fade" id="map_modal"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="control-group"> <label class="control-label" for="keyword">Cari alamat :</label> <div class="controls"> <input type="text" class="span6" name="keyword" id="keyword"> </div> </div> <div id="map_canvas" style="width:530px; height:300px"></div> </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#" class="btn btn-primary">Save changes</a> …

73 javascript  html  css  google-maps-api-3  twitter-bootstrap 

我正在使用一个脚本，该脚本将在我的网站上制作带有多个标记的google maps画布。我希望当您单击标记时，会打开一个信息窗口。我已经做到了，目前的代码是： var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); function addMarker(map, address, title) { geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); var marker = …

72 javascript  google-maps-api-3 

我已经按照http://web.archive.org/web/20120225114154/http://code.google.com:80/intl/sk-SK/apis/在我的输入框中成功实现了Google Maps Places V3自动完成功能。 maps / documentation / javascript / places.html。它工作得很好，但是我很想知道当用户按下Enter时如何使它从建议中选择第一个选项。我想我需要一些JS魔术，但是我对JS非常陌生，并且不知道从哪里开始。 提前致谢！

72 javascript  google-maps  autocomplete  google-maps-api-3 

使用Google Maps API在jQuery UI选项卡中呈现地图时，存在许多似乎是众所周知的问题。我已经看到有关类似问题的SO问题（例如，这里和这里），但是那里的解决方案似乎仅适用于Maps API的v2。我检查过的其他参考资料在这里和这里，以及我可以通过Googling挖掘的几乎所有内容。 我一直在尝试将地图（使用API​​的v3）填充到具有混合结果的jQuery标签中。我正在使用所有组件的最新版本（当前是jQuery 1.3.2，jQuery UI 1.7.2，不了解Maps）。 这是标记和javascript： <body> <div id="dashtabs"> <span class="logout"> <a href="go away">Log out</a> </span> <!-- tabs --> <ul class="dashtabNavigation"> <li><a href="#first_tab" >First</a></li> <li><a href="#second_tab" >Second</a></li> <li><a href="#map_tab" >Map</a></li> </ul> <!-- tab containers --> <div id="first_tab">This is my first tab</div> <div id="second_tab">This is my second …

70 jquery  google-maps  jquery-ui-tabs  google-maps-api-3 

我有渲染地图的代码。 function initialize() { var myOptions = { center: new google.maps.LatLng(45.4555729, 9.169236), zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP, panControl: true, mapTypeControl: false, panControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER }, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.RIGHT_CENTER }, scaleControl: false, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER } }; var map = new google.maps.Map(document.getElementById("mapCanvas"), myOptions); …

70 javascript  google-maps  google-maps-api-3