小编geo*_*zip的帖子

我们正在尝试为我们的一个客户开发一个地理广场应用程序,我们希望首先在自己的域中进行测试.

我们已经签署了Google Maps JavaScript API,并且我们拥有有效的浏览器密钥,我们的域名www.grupocamaleon.com已被授权使用该密钥.

但是我们无法使最简单的例子运行而没有错误.

在我们的域和我们的密钥中,我们有以下演示:

(1)http://www.grupocamaleon.com/boceto/aerial-simple.html

但它不起作用,Firebug控制台说:

"Google Maps API错误:Google Maps API错误:RefererNotAllowedMapError(指向RefererNotAllowedMapError上的Google文档链接)您要授权的网站网址:(1)"

我的凭据页面缺少添加引用来接受的可能性,因此现在无法实现涉及添加引用的解决方案.

我的凭证页面:

为什么我们会收到这个错误？我们该如何解决？TIA

我正在尝试将我的googlemaps v2功能移植到v3.

但不知怎的,我陷入了一个奇怪的错误,我无法找到,我做错了什么.

错误:未捕获的InvalidValueError:setPosition:不是LatLng或LatLngLiteral:在属性lat中:不是数字%7Bmain,adsense,geometry,zombie%7D.js:25

这里我的地图初始化:

var map = new google.maps.Map(document.getElementById("map"),{
  zoom:4
  size:new google.maps.Size(580,440),
  mapTypeControl: true,
  mapTypeControlOptions: {
    style:google.maps.MapTypeControlStyle.VERTICAL_BAR,
    position: google.maps.ControlPosition.BOTTOM_CENTER,
  },
  panControl: true,
  panControlOptions: {
    position: google.maps.ControlPosition.TOP_LEFT,
  },
  zoomControl: true,
  zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.LEFT_CENTER,
  },
  scaleConrol: true,
  scaleControlOptions:{
    position: google.maps.ControlPosition.TOP_LEFT ,
  },
});
map.setCenter(new google.maps.LatLng(49.477643, 9.316406));

这里是我的错误的部分:

function drawTraders(map, options) {
var traders_uri = options.traders_uri || '';
if ('' == traders_uri) {
    return false;
}

// get the informations
$.getJSON(traders_uri, function(data) {
    // look through the information
$.each(data.traders, …

我使用的是Google Place API.

我希望得到关于类型帮助的地方的建议.

所以,我所做的是 -

var Google_Places_API_KEY = "AIzaSyAK08OEC-B2kSyWfSdeCzdIkVnT44bcBwM";      //Get it from - https://code.google.com/apis/console/?noredirect#project:647731786600:access
var language = "en";        //'en' for English, 'nl' for Nederland's Language


var Auto_Complete_Link = "https://maps.googleapis.com/maps/api/place/autocomplete/json?key="+Google_Places_API_KEY+"&types=geocode&language="+language+"&input=Khu";
$.getJSON(Auto_Complete_Link , function(result)
{
    $.each(result, function(i, field)
    {
        //$("div").append(field + " ");
        //alert(i + "=="+ field);
        console.error(i + "=="+ field);
    });
});

所以我要求的链接是 -

https://maps.googleapis.com/maps/api/place/autocomplete/json?key=AIzaSyAK08OEC-B2kSyWfSdeCzdIkVnT44bcBwM&types=geocode&language=en&input=Khu

如果我使用浏览器访问此链接,我可以获得类似的输出(请尝试ck​​) -

但是,如果我尝试使用jQuery的.getJSON或.ajax,我会通过此消息阻止我的请求 -

.

因此,XMLHTTPRequest被阻止 -

请求的资源上不存在"Access-Control-Allow-Origin"标头.因此不允许原点'null'访问.

我已经在StackOverflow中检查了这个问题的解决方案并通过这里,[这里4和这里,但无法完美地得到我的解决方案.

有谁能请赐教？

使用Google Maps JavaScript API v3进行客户端地理编码的限制是什么？

我的研究:

1. Google Maps PHP API每天限制2500个地理编码请求(https://developers.google.com/maps/documentation/geocoding/#Limits)
2. Google Maps Javascript API v3 每天限制为25000个地图加载(https://developers.google.com/maps/documentation/javascript/usage)
3. Google建议使用javascript API进行地理编码,以避免通过PHP API实现2500限制.它声明"运行客户端地理编码,您通常不必担心配额"(https://developers.google.com/maps/articles/geocodestrat#client)

但是,在任何文档中都没有通过Google Maps JavaScript API v.3说明地理编码限制是什么.

(这一直困扰我一段时间,我不止一次研究过它,但没有找到可靠的答案)

我想知道是否可以根据地图上绘制的路径更改标记方向.这是一个例子:

正如您所看到的那样,标记是一辆汽车(带前保险杠和尾灯).我想让汽车朝着路径方向前进(在这个例子中,汽车将向右转45度).

我正在使用DirectionsService绘制路径,我有一个随机数点.有时只有一个,有时10点.我在绘制路径之前添加标记.以下是我绘制路径的方法:

// Intialize the Path Array
var path = new google.maps.MVCArray();

// Intialise the Direction Service
var service = new google.maps.DirectionsService();

// Set the Path Stroke Color
var poly = new google.maps.Polyline({ map: gmap, strokeColor: '#dd0000' }); // #4986E7

// Draw the path for this vehicle
for (var i = 0; i < pathPoints.length; i++) {
    if ((i + 1) < pathPoints.length) {
        var src = pathPoints[i];
        var des = pathPoints[i + 1];
        path.push(src);
        poly.setPath(path);
        service.route({ …

我用谷歌API和IGN API(法语地图)开发自己的地图,我想添加一个谷歌地图搜索框,但即使仔细阅读谷歌地图API,也无法找到成功的方法.

这就是我所拥有的:http: //www.tiphainebuccino.com/site/Map/LaCarteAuxTresors_2.html

这就是我要添加的内容(不会丢失我的实际设置):https://developers.google.com/maps/documentation/javascript/examples/places-searchbox？我 = fr

我不明白如何混合两个HTML代码.有人可以帮帮我吗？我在html + javascript工作,而且我是初学者:)

谢谢

Tiphaine

相关(非工作)代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>La Tarte Aux Crésors "Beta"</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
    "use strict";

    var ignKey = "ljozkgwvms60dtumhx67z6u3"

    function makeIGNMapType(layer, name, maxZoom) {
        return new google.maps.ImageMapType({
            getTileUrl: function(coord, zoom) {
                return "http://gpp3-wxs.ign.fr/" + ignKey + "/geoportail/wmts?LAYER=" +
                    layer +
                    "&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMTS&VERSION=1.0.0" +
                    "&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX=" +
                    zoom + "&TILEROW=" + coord.y + "&TILECOL=" + coord.x;
            }, …

请参考这个源谷歌地图绘图工具,如何通过一个单击按钮删除所有绘图形状？

代码段:

var drawingManager;
      var selectedShape;
      var colors = ['#1E90FF', '#FF1493', '#32CD32', '#FF8C00', '#4B0082'];
      var selectedColor;
      var colorButtons = {};

      function clearSelection() {
        if (selectedShape) {
          selectedShape.setEditable(false);
          selectedShape = null;
        }
      }

      function setSelection(shape) {
        clearSelection();
        selectedShape = shape;
        shape.setEditable(true);
        selectColor(shape.get('fillColor') || shape.get('strokeColor'));
      }

      function deleteSelectedShape() {
        if (selectedShape) {
          selectedShape.setMap(null);
        }
      }

      function selectColor(color) {
        selectedColor = color;
        for (var i = 0; i < colors.length; ++i) {
          var currColor = colors[i];
          colorButtons[currColor].style.border = currColor == color …

我想使用Google地图显示突出显示的多边形.这个想法是所讨论的多边形将正常显示,而地图的其余部分应该稍微变暗.

以下是我想用奥地利多边形完成的示例图像:alt text http://a.imagehost.org/0613/google_maps_tint_example.png

不幸的是,对于谷歌地图API和一般的地图来说,我是一个完整的新手.

那么,使用谷歌地图API可以做到这一点吗？如果是,使用什么版本(v2,v3)？使用其他地图工具包(如openlayers)更容易吗？

PS:我有一个想法是建立一个逆多边形(在这个例子中,整个世界减去奥地利的形状),然后使用这个倒置的多边形显示一个透明的黑色覆盖.但这对我来说似乎相当复杂.

我有一个系统,用户放置一些坐标(纬度/经度),我需要检查指定的坐标是否在海中.有什么服务可以给我答案.或者是否可以使用谷歌地图这样做.

我有一个看似棘手的挑战,试图通过海路从一个海港到另一个海港.最终的目标是将其作为折线在Google(或Bing)地图上绘制.

路径需要:

• 看似合理,因为船不能越过陆地(显然)
• 不要太靠近海岸线.船不能靠近岸边
• 不要太复杂.它将在Google地图上绘制,因此2000点折线不会.
• 是最短的,但不能牺牲上述三点

所以,我的第一个想法是获取世界各地海岸线的数据.这样的东西可以在这里找到.不幸的是,它不完整.OpenStreetMap显示了这些数据,并且缺少加勒比海岛屿等海岸线.

我还考虑过地理编码(不够可靠,加上我会烧掉数千个试图绘制路线的请求)

我的下一个想法是以某种方式使用谷歌地图并测试一个点是否为蓝色.GMaps.NET是一个出色的.NET Mapping组件,它允许我通过创建它渲染的位图并测试像素的颜色来实现这一点.

第一个问题是该命中测试的准确性仅与我测试的图像的分辨率图像一样好.对于彼此靠近的端口,这对于更远的端口来说是好的,精度会受到影响.

第二个问题,假设我使用某种"蓝色像素测试"方法,是什么算法适合寻找路线.在A*算法看起来很有希望,但我不知道如何从正在路径"出"推到靠近海岸.也不是如何降低折线的复杂性.

所以... 任何输入:想法,想法,链接,示例代码等都是受欢迎的.谢谢.

(我应该补充一点,这是一个旅游网站.准确性不是太重要,我不是指导运输或任何东西)