javascript

java

python

c#

android

node.js

c++

reactjs

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

隐藏Google Maps API的本地列表

使用Google Maps api显示某些内容时,Google已开始在地图中添加本地餐馆/酒店。如何隐藏它们的外观。 我检查了使用地图的网站上的相同位置(例如yelp),他们成功隐藏了当地的酒店/餐厅。我一直在寻找图层/覆盖,但不知道如何删除此默认行为。

These things这些东西出现在我的地图上。 是否可以隐藏这些气泡和名称?

编辑[https://developers.google.com/maps/documentation/javascript/releases#36]说3.6默认情况下会引入业务图标。 因此,将v = 3.5设置为参数将隐藏“业务图标”。

赏金有没有隐藏业务消息而又不使用旧版api的方法?

trans by 2020-02-22T19:23:33Z

google.maps.Geocoder.geocode()geometry.location lat / lng属性名称经常更改

我有一个应用程序,并且正在使用Google Javascript Geocoding API来获取地址的经/纬度。

该代码类似于

geocoder = new google.maps.Geocoder()
geocoder.geocode({ 'address': query }, function(results, status) {
    addresses = {};
    $.each(results, function(index, value){
        addresses[index] = {"lat":value.geometry.location.$a,"lng":value.geometry.location.ab}
    })
});

一切都很好,但问题是位置对象的属性名称会定期更改。 每次更改时,我的网站就会中断。

我不得不两次更改代码以适应Google地理位置api中奇怪的经/纬度属性名称更改。 最初是Xa,Ya,然后我不得不更改为Ya,Za,现在改为$ a,ab。 我看不到这些更改背后的任何用户友好逻辑。

有谁知道为什么这些属性名称会更改,和/或在避免这些属性名称更改所引起的问题的同时,我可以使用哪种策略来获取经纬度?

trans by 2020-02-22T18:49:18Z

通过Google Maps API V3检索可拖动图钉的纬度和经度

我会解释。 我设法在地图上放置了可拖动的图钉。 我想检索此点的坐标并将其放入两个字段:纬度和经度。 这些坐标随后将通过PHP发送到SQL表。这是我打算做的一个示例,但是它不是几个图钉,而是一个图钉,并且可以拖动。 问题是:我什至无法显示初始点的坐标。 当然,当用户移动图钉时,我也希望在字段中更改坐标。我希望我能说清楚。 我做错了什么? 我应该使用地理编码服务吗?

JS:

<script type="text/javascript">
  var map;
  function initialize() {
  var myLatlng = new google.maps.LatLng(40.713956,-74.006653);

  var myOptions = {
     zoom: 8,
     center: myLatlng,
     mapTypeId: google.maps.MapTypeId.ROADMAP
     }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

  var marker = new google.maps.Marker({
  draggable: true,
  position: myLatlng, 
  map: map,
  title: "Your location"
  });

  google.maps.event.addListener(marker,'click',function(overlay,point){
     document.getElementById("latbox").value = lat();
     document.getElementById("lngbox").value = lng();
     });

}
</script> 

和HTML:

<html>
<body onload="initialize()">

  <div id="map_canvas" style="width:50%; height:50%"></div>

  <div id="latlong">
    <p>Latitude: <input size="20" type="text" id="latbox" name="lat" ></p>
    <p>Longitude: <input size="20" type="text" id="lngbox" name="lng" ></p>
  </div>

</body>
</html>
trans by 2020-02-17T17:38:38Z

在Google Maps V3中使用图标字体作为标记

我想知道是否可以在Google Maps V3中使用图标字体图标(例如Font Awesome)作为标记来替换默认标记。 要将其显示/插入HTML或PHP文档中,标记的代码为:

<i class="icon-map-marker"></i>
trans by 2020-02-02T16:28:24Z

从当前缩放的Google地图获取边界经度和纬度

我需要知道当前区域四个角的经度和纬度就像这张图片

enter image description here

我已经尝试过了但是没有运气:

map.getBounds();

有什么帮助吗?

trans by 2020-01-30T10:36:03Z

angularjs-TypeError:window.initMap不是函数

我正在学习本教程,基本上复制了所有代码

[https://developers.google.com/maps/documentation/javascript/tutorial]

但是收到一个错误消息,指出initMap函数不是一个函数。我在项目中使用angularjs,这可能会引起问题吗?

我将相同的代码复制到了plunker中,并且效果很好...有什么可能的问题?

trans by 2020-01-24T16:50:07Z

当嵌套在div标签中时,地图未显示在Google Maps JavaScript API v3上

我正在尝试将显示地图(<div id="map-canvas"></div>)的div标记放在另一个div内,但不会以这种方式显示地图。 是CSS还是JavaScript问题? 还是仅仅是API的工作方式?

这是我的嵌套div的代码:

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
        html, body, #map-canvas {
            margin: 0;
            padding: 0;
            height: 100%;
        }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false">
    </script>
    <script>
        var map;
        function initialize() {
          var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(-34.397, 150.644),
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          map = new google.maps.Map(document.getElementById('map-canvas'),
              mapOptions);
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>
<body>
    <div> <!-- ommiting this div will show the map -->
        <div id="map-canvas"></div>
    </div>
</body>
</html>
trans by 2020-01-23T02:33:44Z

GIS-使用Google地图加载本地.kml文件?

我创建了一个hello world程序来加载本地kml文件(从Google文档中借用):

var ctaLayer = new google.maps.KmlLayer("http://localhost:8080/kml/cta.kml");

这不起作用(什么都没有加载)。

但是,当我将该行更改为:

  var ctaLayer = new google.maps.KmlLayer("http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml");

它加载正确。 两个kml文件都相同。 我自己服务时需要怎么做才能使其加载? (我尝试了绝对路径和相对路径,并且我知道我使用的路径是正确的...)

另外,我在我的appserver的配置文件中添加了正确的mime类型:

<mime-mapping>
    <extension>kml</extension>
<mime-type>application/vnd.google-earth.kml+xml</mime-type>
</mime-mapping>
<mime-mapping>
    <extension>kmz</extension>
    <mime-type>application/vnd.google-earth.kmz</mime-type>
</mime-mapping>

但是它仍然没有加载。

我在Google文档中找到了这个:

Google Maps API支持用于显示地理信息的KML和GeoRSS数据格式。 这些数据格式使用KmlLayer对象显示在地图上,该对象的构造函数使用可公开访问的KML或GeoRSS文件的URL。

因此,我想如果没有通过可公开访问的网址提供kml的服务,我想做的事情是不可能的……除非有人可以证明否则

trans by 2020-01-22T08:14:21Z

Google Map API从没有地图的自动填充中获取经度和纬度

我正在尝试从自动完成api谷歌地图获取纬度和经度,而不显示地图。 在我的脚本中,自动补全效果很好,但是我无法获得纬度和经度。

<script type="text/javascript">
   function initialize() {

 var options = {
  types: ['(cities)']
 };

 var input = document.getElementById('searchTextField');
 var autocomplete = new google.maps.places.Autocomplete(input, options);
}
   google.maps.event.addDomListener(window, 'load', initialize);

   var geocoder = new google.maps.Geocoder();
    var address = autocomplete;

geocoder.geocode( { 'address': address}, function(results, status) {

  if (status == google.maps.GeocoderStatus.OK) {
    var latitude = results[0].geometry.location.lat();
    var longitude = results[0].geometry.location.lng();
    alert(latitude);
  } 
}); 

</script>
trans by 2020-01-16T22:41:22Z

javascript-通过Google Maps API使用地址而不是经度和纬度

我听说可以提交一个地址而不是经度和纬度,这对于我的系统来说将更加可行。 用户在创建个人资料时必须输入其地址,之后他们的个人资料将显示其房屋的Google地图。 我目前可以将Google Maps API与经度和纬度完美配合使用:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="css.css" />
    <title>Login Page</title>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map-canvas { height: 100% }
</style>
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=MYKEY&sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var mapOptions = {
  center: new google.maps.LatLng(52.640143,1.28685),
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"),
        mapOptions);

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(52.640143,1.28685),
    map: map,
    title: "Mark On Map"
});
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

</head>

请有人帮助我修改代码,以便它使Google Maps API可以在其位置请求地址,因为我想直接从mySQL数据库中读取用户的地址。

trans by 2020-01-12T08:10:19Z

Mous上的Google Maps v3标记信息窗口

我已经搜寻了stackoverflow和其他论坛,包括google maps v3 api文档来寻找答案,但是我找不到如何在正在使用的文件中更改触发标记信息窗口的事件,从单击到鼠标悬停。

我正在使用包含融合表层的Google库中的演示。

您可以放大群集,并看到位置的红色小圆圈标记。您必须单击以显示一个信息窗口。 我希望将鼠标悬停以显示信息窗口。

我的演示在这里:[http://www.pretravelvideo.com/gmap2/]

functions.js文件在这里完成了大部分工作:[http://www.pretravelvideo.com/gmap2/functions.js]

trans by 2020-01-11T16:08:24Z

css-庞大的Google Maps控件(可能是Bug?)

我首先注意到我的网络应用程序上的Google Maps Controls比例过大(如下所示)。

enter image description here

最初,我认为我的某些CSS正在控件上与Google的CSS一起玩; 但是,访问Google自己的网页告诉我,此事件并非孤立于我...

以下是其文档的地图:[https://developers.google.com/maps/documentation/javascript/examples/control-positioning]

enter image description here

对我来说,大型控件也会出现在其文档的每一页上。 我尝试了不同的机器和不同的浏览器(Chrome和Firefox)。

我还尝试了其他使用Google Maps API的网站,并在某些情况下发现了类似现象。

enter image description here

还有其他人遇到同样的问题吗?

trans by 2019-12-30T00:22:28Z

谷歌地图-如何删除默认标记?

我使用的是Google Map API V3,我注意到这里有很多标记,即使我不需要它们也是如此。 例如,单击某些学校或其他带有InfoWindows的地方。

有什么办法可以删除它们,或者只是不可能?

trans by 2019-12-28T02:36:34Z

Google地理编码API-REQUEST_DENIED

显然,根据以下情况,我不需要“ Maps API密钥”即可使用“ Google地理编码API”:

[http://code.google.com/apis/maps/documentation/geocoding/index.html]

但是,我得到这个:

{
  "status": "REQUEST_DENIED",
  "results": [ ]
}

这是否意味着我的IP被阻止了? 我该如何克服呢?

trans by 2019-12-23T23:04:31Z

如何获取谷歌地图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

1 2 3 下一页 共3页