Questions tagged «google-maps-api-3»

使用Google Maps JavaScript API版本3，您可以将Google Maps的功能嵌入到自己的网站中。第3版大大改善了对移动设备的支持。在Maps API Google网上论坛中询问非编程和许可问题（有关链接，请参见完整说明）

13
Google Maps JS API v3-简单多个标记示例
对Google Maps Api来说还很新。我有一个要循环浏览并在地图上绘制的数据数组。看起来很简单，但是我发现的所有多标记教程都很复杂。 让我们以来自Google网站的数据数组为例： var locations = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.923036, 151.259052, 5], ['Cronulla Beach', -34.028249, 151.157507, 3], ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach', -33.950198, 151.259302, 1] ]; 我只想绘制所有这些点，并在单击以显示名称时弹出一个infoWindow。
14
如何使用Google Maps API禁用鼠标滚轮缩放
我正在使用Google Maps API（v3）在页面上绘制一些地图。我想做的一件事是在地图上滚动鼠标滚轮时禁用缩放，但我不确定如何做。 我已经禁用了scaleControl（即，删除了缩放UI元素），但这不会阻止滚轮缩放。 这是我的功能的一部分（它是一个简单的jQuery插件）： $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as not relevant };
4
居中/设置地图缩放以覆盖所有可见标记？
我在地图上设置了多个标记，可以静态设置缩放级别和中心，但我想要的是覆盖所有标记并尽可能缩放以使所有市场可见 可用的方法如下 setZoom(zoom:number) 和 setCenter(latlng:LatLng) 既不setCenter支持多个位置或位置数组输入，也不setZoom具有此类功能
6
Google Map API v3-设置范围和中心
我最近切换到了Google Maps API V3。我正在研究一个从数组绘制标记的简单示例，但是我不知道如何相对于标记自动居中和缩放。 我已经搜索了包括谷歌自己的文档在内的最高和最低值，但没有找到明确的答案。我知道我可以简单地取坐标的平均值，但是如何设置缩放比例呢？ function initialize() { var myOptions = { zoom: 10, center: new google.maps.LatLng(-33.9, 151.2), mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); setMarkers(map, beaches); } var beaches = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.423036, 151.259052, 5], ['Cronulla Beach', -34.028249, 121.157507, 3], ['Manly Beach', …
18
Google Maps API 3-默认（点）标记的自定义标记颜色
我见过很多与此类似的其他问题（在这里，在这里和这里），但是他们都接受了不能解决我问题的答案。我发现该问题的最佳解决方案是StyledMarker库，该库可以让您定义标记的自定义颜色，但是我无法使用它来使用默认标记（使用Google Maps搜索时获得的一种）中间的一个点），它似乎只是在标记中带有字母或特殊图标。
6
使用Google Maps API v3中的多个标记自动对中地图
这是我用来显示具有3个图钉/标记的地图的方法： <script> function initialize() { var locations = [ ['DESCRIPTION', 41.926979, 12.517385, 3], ['DESCRIPTION', 41.914873, 12.506486, 2], ['DESCRIPTION', 41.918574, 12.507201, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 15, center: new google.maps.LatLng(41.923, 12.513), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i …
26
Google MAP API未捕获的TypeError：无法读取null的属性“ offsetWidth”
我正在尝试将Google MAP API v3与以下代码一起使用。 <h2>Topology</h2> <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.topology.css' %}" /> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.css' %}" /> <style type="text/css" > #map_canvas { width:300px; height:300px; } </style> <script type="text/javascript"> var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: …
23
Google Maps API v3：是否可以在fitBounds之后设置zoom？
我想在嵌入式Google地图（API v3）上绘制一组点。我希望边界能够容纳所有点，除非缩放级别太低（即，缩小得太多）。我的方法是这样的： var bounds = new google.maps.LatLngBounds(); // extend bounds with each point gmap.fitBounds(bounds); gmap.setZoom( Math.max(6, gmap.getZoom()) ); 这行不通。如果直接在fitBounds之后调用，最后一行“ gmap.setZoom（）”不会更改地图的缩放级别。 有没有一种方法可以在不将其应用于地图的情况下获得边界的缩放级别？还有其他解决办法吗？
9
如何将Google自动填充结果限制为仅城市和国家/地区
我正在使用google自动补全地方javascript返回搜索框的建议结果，我只需要显示与输入字符相关的城市和国家/地区，但google api会提供很多我不需要的一般地方结果，所以限制结果只显示城市和国家。 我正在使用以下示例： <html> <head> <style type="text/css"> body { font-family: sans-serif; font-size: 14px; } </style> <title>Google Maps JavaScript API v3 Example: Places Autocomplete</title> <script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places" type="text/javascript"></script> <script type="text/javascript"> function initialize() { var input = document.getElementById('searchTextField'); var autocomplete = new google.maps.places.Autocomplete(input); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div> <input id="searchTextField" …
17
该API项目无权使用此API。请确保已在API控制台中激活了此API
我有纬度和经度："-27.0000,133.0000"。我想以此为基础制作地图。 我尝试去这个链接 https://maps.googleapis.com/maps/api/geocode/json?latlng=-27.0000,133.0000&key=****** 我在浏览器中不断收到此错误 { "error_message" : "This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: Learn more: https://code.google.com/apis/console", "results" : [], "status" : "REQUEST_DENIED" } 但是我想我已经启用了该API。我登录到我的Google控制台，然后仔细检查。 当我去： https://console.developers.google.com/project/75423435770063/apiui/apis/enabled 我懂了 ： 启用了地理编码+地理定位。 我现在有点卡住了。我有什么想念的吗？
11
Google地图显示“仅供开发用途”
当我尝试在网页中显示Google Maps时，会显示“仅用于开发目的”消息： 我如何使该消息消失？ 我的代码是这样的： <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script type="text/javascript"> function initialize() { var myLatlng = new google.maps.LatLng(50.5792659,8.6744471); var centerMap = new google.maps.LatLng(50.5792659,8.6744471); var div = document.getElementById('map'); } </script> 那以后我有 <p> <a href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z" target="_blank" >Route berechnen</a> </p> 我看不到此消息的来源。
10
Google Maps V3-如何计算给定范围的缩放级别
我正在寻找一种使用Google Maps V3 API计算给定范围的缩放级别的方法，类似于getBoundsZoomLevel()V2 API。 这是我想做的： // These are exact bounds previously captured from the map object var sw = new google.maps.LatLng(42.763479, -84.338918); var ne = new google.maps.LatLng(42.679488, -84.524313); var bounds = new google.maps.LatLngBounds(sw, ne); var zoom = // do some magic to calculate the zoom level // Set the …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.