javascript

java

python

c#

android

node.js

reactjs

c++

php

html

jquery

css

git

.net

ios

ruby-on-rails

sql

c

string

ruby

如何获取谷歌地图v3中多边形的中心?

它不需要是100%正确的,它可以是边界矩形的中心。

trans by 2019-11-16T14:20:01Z

html-如何安全使用Google API密钥

因此,我正在执行的第一个项目中使用Google Maps API。是的,我是新手,如果这是基础知识或显而易见的事情,对不起,但我找不到明确的答案或方向。 以下是我从Google找到的有关安全使用API密钥的文档。


安全使用API密钥的最佳做法

在应用程序中使用API密钥时,请注意确保其安全。 公开暴露您的凭据可能会导致您的帐户遭到盗用,这可能会导致您的帐户产生意外费用。 为了确保API密钥的安全,请遵循以下最佳做法:

不要将API密钥直接嵌入代码中:嵌入在代码中的API密钥可能会意外地向公众公开-例如,如果您忘记从共享的代码中删除密钥。不要将API密钥嵌入到应用程序中,而是将它们存储在环境变量或应用程序源代码树之外的文件中。不要将API密钥存储在应用程序的源代码树中的文件中:如果将API密钥存储在文件的源代码树中,请将文件保留在应用程序的源代码树之外,以确保密钥不会最终出现在源代码控制系统中。如果您使用公共源代码管理系统(例如GitHub),则这一点尤其重要。限制API密钥仅由需要它们的IP地址,引荐来源URL和移动应用程序使用:通过限制IP地址,引荐来源URL和可以使用每个密钥的移动应用程序,您可以减少受到破坏的API的影响键。您可以通过打开“凭据”页面,然后使用所需的设置创建新的API密钥,或编辑API密钥的设置,来指定可从控制台使用每个密钥的主机和应用程序。删除不需要的API密钥:为了最大程度地减少遭受攻击的风险,请删除不再需要的所有API密钥。定期重新生成API密钥:通过单击每个密钥的“重新生成密钥”,可以从Cloud Platform控制台凭据页面重新生成API密钥。然后,更新您的应用程序以使用新生成的密钥。生成替换密钥后,您的旧密钥将继续工作24小时。在公开发布代码之前,请先对其进行审阅:在公开发布代码之前,请确保您的代码不包含API密钥或任何其他私人信息。


现在我的问题是,如果不直接将其放入代码中,便无法弄清楚如何将Google Map整合到我的网站中。 现在,我的API像这样在我的index.html中:

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

但这再次直接在我的代码中供全世界使用,我认为这是错误的方法。

trans by 2019-11-10T12:52:31Z

google maps-适用于Localhost的Google Maps API密钥

如何获取Google Maps API密钥以在本地主机上工作?

我创建了一个API密钥,并在引用下添加了以下内容:

Accept requests from these HTTP referrers (websites) (Optional)

Use asterisks for wildcards. If you leave this blank, requests will be 
accepted from any referrer. Be sure to add referrers before using this key 
in production. 

localhost

这不起作用,如果我排除了api键,它也不起作用吗?

trans by 2019-11-09T19:57:32Z

javascript-将Google Maps JS API ImageMapType剪切为多边形

如何将Google Maps中的MapType裁剪到任意多边形。 例如,如果我有一个自定义的ImageMapType可以覆盖大面积(即整个世界),但是我只想在给定的多边形(即一个国家)内显示它。

有没有一种方法可以将ImageMapType裁剪为给定的多边形,或者实现自定义MapType来实现此行为? 它应该允许正常缩放和平移。

其余地图应保持不变,并且会有一个MapType仅覆盖特定区域。 因此,不可能简单地覆盖多边形以覆盖多边形外部的区域以仅显示所需的内容。

像这样:

Australia map with a clipped overlay on South Australia

服务器端裁剪不是一种选择。

trans by 2019-11-08T18:03:01Z

javascript-如何检查是否加载了Google Maps API?

如何检查Google Maps API(v3)是否已加载?

如果由于Internet连接问题(网页托管在本地)而未加载API,我不想执行映射脚本。

trans by 2019-11-08T16:56:25Z

如何使用Google Maps JavaScript API v3获取Google地图中查看区域中心的坐标

如何使用Google地图上当前查看区域中心的JavaScript Google Maps JavaScript API v3获取坐标? 谢谢

trans by 2019-11-05T07:37:43Z

CSS-设定Google Maps Container DIV宽度和高度100%

我加载了Google Maps API v3,并在div中打印了Google Map。但是,当将width&height设置为100%并且是auto时,我看不到地图。

这是HTML代码段。

<!-- Maps Container -->
<div id="map_canvas" style="height:100%;width:100px;margin:0 auto;"></div>

有没有解决此问题的方法?

trans by 2019-10-15T12:43:01Z

javascript-如何在Google地图中设置缩放级别

这是我编写的通过提供经度和纬度将标记添加到Google地图的代码。 问题是我得到了高度缩放的谷歌地图。 我尝试将缩放级别设置为1,但这对高度缩放的地图没有影响。

 <script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
     <script type="text/javascript">
        var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png",new google.maps.Size(32, 32), new google.maps.Point(0, 0),new google.maps.Point(16, 32));
        var center = null;
        var map = null;
        var currentPopup;
        var bounds = new google.maps.LatLngBounds();
        function addMarker(lat, lng, info) {
            var pt = new google.maps.LatLng(lat, lng);
            bounds.extend(pt);
            var marker = new google.maps.Marker({
                position: pt,
                icon: icon,
                map: map
            });
            var popup = new google.maps.InfoWindow({
                content: info,
                maxWidth: 300
            });
            google.maps.event.addListener(marker, "click", function() {
                if (currentPopup != null) {
                    currentPopup.close();
                    currentPopup = null;
                }
                popup.open(map, marker);
                currentPopup = popup;
            });
            google.maps.event.addListener(popup, "closeclick", function() {
                map.panTo(center);
                currentPopup = null;
            });
        }
        function initMap() {
            map = new google.maps.Map(document.getElementById("map"), {
            center: new google.maps.LatLng(0, 0),
            zoom: 1,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: false,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
            },
            navigationControl: true,
            navigationControlOptions: {
                style: google.maps.NavigationControlStyle.SMALL
            }
        });
        addMarker(27.703402,85.311668,'New Road');
        center = bounds.getCenter();
        map.fitBounds(bounds);

        }
</script>
</head>
<body onload="initMap()" style="margin:0px; border:0px; padding:0px;">
<div id="map"></div>
</body>
</html>

在这种情况下,如何降低变焦等级?

trans by 2019-10-14T20:22:34Z

Google Maps API V3中的API密钥是什么?

在较旧版本的API中,我必须使用类似这样的方式将javascript插入页面,才能使基本功能正常工作:

[http://maps.google.com/maps?file=api&v=2&key=GoogleMapsAPIKey]

我必须在其中为每个站点配置API密钥。 查看文档,它说要使基本地图正常工作,我只需要这样做:

[http://maps.google.com/maps/api/js?sensor=true/false]

API密钥放在哪里? 如果我仅打算使用基本地图和标记,而没有更高级的功能,则是否需要担心?

我也在localhost上进行测试,但是FAQ表示我仍然需要为其注册一个密钥,但尚未完成,并且仍然可以使用。

trans by 2019-10-10T17:14:43Z

javascript-Google Maps v3:执行分钟。 使用fitBounds时的缩放级别

我正在地图上绘制一系列标记(使用maps api的v3)。

在v2中,我有以下代码:

  bounds = new GLatLngBounds();

  ... loop thru and put markers on map ...
  bounds.extend(point);
  ... end looping

  map.setCenter(bounds.getCenter());
  var level = map.getBoundsZoomLevel(bounds);
  if ( level == 1 ) 
    level = 5;
  map.setZoom(level > 6 ? 6 : level);

而且可以很好地确保地图上始终显示适当级别的细节。

我正在尝试在v3中复制此功能,但setZoom和fitBounds似乎不配合:

... loop thru and put markers on the map
  var ll = new google.maps.LatLng(p.lat,p.lng);
  bounds.extend(ll);
... end loop

var zoom = map.getZoom();
map.setZoom(zoom > 6 ? 6 : zoom);
map.fitBounds(bounds);

我尝试了不同的排列(例如,在setZoom之前移动fitBounds),但是我对setZoom所做的任何操作似乎都不会影响地图。 我想念什么吗? 有没有办法做到这一点?

trans by 2019-09-30T13:54:17Z

通过网络服务访问Google的点击量数据

有什么方法可以访问Google通过网络服务提供的流量数据?

似乎有GTrafficOverlay将流量放在嵌入式google地图上的路线顶部,但是没有我可以使用的直接网络服务来提供源和目的地并找到它们之间的流量?

我还有其他来源可以获取此数据吗?

trans by 2019-09-25T12:24:10Z

如何在Google地图中找到当前的缩放级别?

加载或单击Google地图时如何找到当前的缩放级别?

trans by 2019-09-22T03:02:54Z

如何在Google Maps API v3中使用SVG标记

我可以将转换后的image.svg用作Google地图图标。 我正在将我的png图像转换为svg,我想使用可旋转的google map符号。 我已经尝试使用Google地图符号,但是我想要一个像汽车,人等的图标。这就是为什么我将一些png文件转换为svg的原因,就像本示例网站一样,他将这些文件用于什么[http://www.goprotravelling.com/]

trans by 2019-09-21T00:07:55Z

在Cli上添加标记到谷歌地图

令人惊讶的是,当用户点击地图时,我很难找到一个如何向Google地图添加标记的简单示例。

我查看了过去几个小时,并查阅了Google Maps API文档,非常感谢您的帮助!

trans by 2019-09-19T07:02:51Z

Google Maps Api v3 - 查找最近的标记

当我点击地图时,这将是找到最近的标记或标记的最佳方法? api中是否有一些功能可以帮助我做到这一点?

这是谷歌地图api v3。

trans by 2019-09-14T12:03:41Z

javascript - 只需在Google Maps API v3中打开一个InfoWindow

我需要在Google地图上只打开一个InfoWindow。 在打开新的InfoWindows之前,我需要关闭所有其他InfoWindows。

有人能告诉我怎么做吗?

trans by 2019-09-12T05:24:15Z

android - 如何为google map api v2设置默认位置和缩放级别?

当我的地图显示时,它总是从固定的位置(非洲附近)开始。

然后,我使用以下代码将地图居中到我想要的位置。

mMap.animateCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(loc.getLatitude(), loc.getLongitude()), 14.0f));

我的问题是,我可以在地图显示之前设置默认位置和缩放级别吗?

因为我不希望我的用户在开始时看到动画。

谢谢。

trans by 2019-09-10T12:59:34Z

javascript - Google Maps API v3:如何删除事件侦听器?

如何在Google Maps API v3中删除'bounds_changed'事件侦听器?

google.maps.event.removeListener(_???_);    
trans by 2019-09-03T20:22:39Z

移动 - Google Maps API中的'meta viewport user-scalable = no'有什么意义

我使用的是Google Maps JavaScript API V3,官方示例总是包含此元标记:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

我见过的大多数第三方例子都是这样做的。 我写了一个使用它的插件,我的一个用户告诉我它阻止他放大和移出他的移动设备。 我没有移动设备可以测试,我的搜索都没有显示任何有用的信息。

那么,标签的重点是什么? 我应该留下吗? 我应该尝试检测浏览器代理并仅显示桌面浏览器吗?

如果要检查插件,可以下载它,浏览源代码或查看实例。

trans by 2019-08-28T12:59:09Z

Google Maps API警告:NoApiKeys

我一直在使用Google Maps API v3一段时间没有API密钥,而且效果很好。
它仍然有效,但我在控制台中收到警告:

Google Maps API警告:NoApiKeys  [https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys]

我以标准方式包含脚本:

<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>

并且google.maps.version表示我使用的是3.24.2。

在Google文档中,我只能看到获取密钥的不同方法,但没有迹象表明它是否需要。 我今天注意到了警告,我很确定几周前它没有出现。

现在一切正常,但我担心将来没有API密钥的地图访问将会停止。 如果我不是绝对需要,我不愿意注册钥匙。

我应该担心吗?

trans by 2019-08-23T14:54:01Z

1 2 3 下一页 共3页