Tag: google maps

将地理坐标转换为地址C＃或jQuery: 在我的jQuery代码中，我可以获得用户的Geo坐标。现在我如何使用C＃或jQuery将GEO坐标转换为地址。

从ember调用时，Google Auto Complete CORS问题: 我试图打电话给谷歌api进行如下调用ajax： fetch(){ let url=`https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY` return Ember.RSVP.resolve(Ember.$.ajax(url,{ method: ‘GET’ })) .then( (response)=>{ console.log(“google suggested places:”,response); return response; }) 但我得到“无法加载https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY ：否’请求中存在’access-control-Allow_origin’header资源。因此不允许来源’ http：// localhost：4200 ‘。我尝试了很多选项如下：在app / services / service.js dataType：’jsonp’jsonp：“json_callback”，jsonp：“callback”，jasonpCallback：’jsonpcallback’cache：false /’false’ 但他们都没有解决我的问题。我还尝试了以下内容：在app / services / service.js中 var restRequest = gapi.client.request({ ‘path’: ‘https://maps.googleapis.com/maps/api/place/autocomplete’ }); var xhr = new XMLHttpRequest(); xhr.open(‘GET’, ‘https://maps.googleapis.com/maps/api/place/autocomplete’); 我做了以下安装gapi-client：npm install –save gapi-client并在我的service.js中有这个 import gapi […]

Google地图是否足够智能，以避免在当前未显示的位置添加标记？: 在我的app / site中，我开始展示连续的USA，但允许用户从下拉列表（选择小部件）中选择一个州（或返回USA48，或选择USA50 +）： USA (48) USA (50+) Alabama . . . Wyoming 我还允许用户根据他们制作的复选框选择显示各种类别的标记。这些标记放置在“扩展美国”的任何地方（包括美属萨摩亚，干燥的Tortugas等）。当他们选择一个州，比如阿拉巴马州时，我首先需要“无效”地图数据，就像这样（“removeData”行是我在这里引用的关键）： function LoadAlabama() { $(“#map”).removeData(); $(“#map”).goMap({ latitude: 32.806673, longitude: -86.791133, zoom: 8 }); ReloadMarkers(); } 但是，我不想加载所有标记，因为它们不可见（我只需要一个州首都标记，而不是50;我只需要一个NFL团队标记，而不是32等）。 Google地图是否足够智能，可以忽略在当前显示的地图之外的位置放置标记的请求？注意：ReloadMarkers（）方法显示或隐藏标记组，如下所示： function ReloadMarkers() { if ($(‘#NFLCheckbox’).is(‘:checked’)) { $.goMap.showHideMarkerByGroup(‘NFLGroup’, true) } else { $.goMap.showHideMarkerByGroup(‘NFLGroup’, false) } . . . } 我可以编写代码来考虑显示的区域，然后过滤掉那些超出显示内容的经度/纬度范围的标记（基于它的中心纬度/长度和地图的缩放值），但我会如果谷歌地图足够聪明，我可以满足（温和地说）。是吗？

jQuery getJSON不适用于跨域: 我正在尝试使用谷歌地图的REST api将输入的地址转换为坐标。为此，我使用jQuery的getJSON函数，因为它使用本机JSONP调用。虽然它不起作用，但它不会取得成功，因此永远不会调用警报。 $(“#makeCords”).click(function(){ straat = $(‘#straat’).val(); stad = $(‘#Stad’).val(); land = $(‘#Country’).val(); if(straat == “” || stad == “” || land == “”){ alert(“Onvoldoende gegevens! Vul straat, stad en land aan voor het gebruik van de ´bereken coordinaten´ functie.”); }else{ $.getJSON(“http://maps.google.com/maps/api/geocode/json?callback=?”, { adress: straat +”, ” + stad +”, ” + land, sensor: […]

仅使用Internet Explorer，IFrame地图定位缺陷中的每个jquery选项卡都有一个Google地图: 目标是在jQuery标签中分别有两个独立的谷歌地图。这将包含在IFrame中。触发bounds_changed时，lat / lng和zoom应存储在cookie中。如果有可用的cookie，则应定位并缩放关于cookie数据的地图。除了实际的Internet Explorer之外，它似乎适用于常见的浏览器。 IE不会在第二个选项卡上“刷新”地图。这是带有“内在”东西的JSFiddle： http ： //jsfiddle.net/metaxos/AmVtf/5/ 这是带有IFrame的JSFiddle： http ： //jsfiddle.net/metaxos/x6SxB/3/

模式中的Google地图仅显示第一张地图: 我正在尝试使用google maps api来显示我从一组json数据传入的地址的地图，但是当我运行代码时它只显示传递给它的第一个地址。打开模态时，它会显示地图，但一旦关闭并打开另一个地图，它将不会显示地图，只是一个空白区域。模态控制器 .controller(‘ModalCtrl’, function($scope, $ionicModal) { $ionicModal.fromTemplateUrl(‘templates/modal.html’, { scope: $scope, animation: ‘slide-in-up’ }).then(function(modal) { $scope.modal = modal; }); $scope.openModal = function(b,c) { $scope.modal.show(); var myLatlng = new google.maps.LatLng(b,c); var mapProp = { center: myLatlng, zoom:15, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById(“map”),mapProp); var marker = new google.maps.Marker({ position: myLatlng, map: map }); $scope.map = […]

如何在加载谷歌地图后发出警报: 加载谷歌地图后有没有办法执行function？我的网站上有一个谷歌地图在此网站中，Google地图使用以下url与Google API一起执行：http：//maps.googleapis.com/maps/api/js？sensor = true＆libraries = places 我想在此站点中加载Google地图后添加一个警告框。有没有办法识别地图何时满载？请帮我

JavaScript – 为什么我的asrnchronous下载不能异步下载？: 我正在使用以下Google Maps自动加载（异步）加载异步Google Maps v3和JQuery，如下所示：但是，查看网络流量时，似乎不是异步下载。替代文字http://img339.imageshack.us/img339/5986/jquerydelaying.png 问题：有没有人理解为什么%7Bcommon （google-maps）文件从下载延迟到jquery-ui.min文件首先完成下载？

谷歌地图错误“未捕获的TypeError：无法读取未定义的属性’x’”: 我正在使用谷歌地图，我写了一个如下所示的JS代码，当用户通过浏览器给出位置实现权限时，它可以很好地工作，但当他阻止权限时，地图不显示任何内容，我点击它的区域我得到以下错误：\ Erorr：未捕获的TypeError：无法读取未定义的属性“x” JS脚本： var pos = new Object(); var marker1 = new Object(); var marker2 = new Object(); var resp; var loc; var bus_loc; function initMap() { var map = new google.maps.Map(document.getElementById(‘map’), { // zoom: 13 }); var infoWindow = new google.maps.InfoWindow({}); var scope = angular.element($(“#address”)).scope(); var angLoc; scope.$apply(function () { angLoc = scope.contact.business.location.split(‘,’); […]

谷歌地图 – 未捕获的TypeError：无法设置未定义的属性“位置”: 我使用backbone.js作为我的框架。我的问题是，当我尝试将google地图与backbone.js集成时，我遇到了这个奇怪的问题。 Uncaught TypeError: Cannot set property ‘position’ of undefined 该教程来自该站点。 https://developers.google.com/maps/documentation/javascript/examples/event-closure 即使我已经尝试过这些解决方案，问题仍然存在。未捕获的TypeError：无法设置undefined的属性“position” 谷歌地图请求返回“无法设置未定义的属性’位置” 我的代码如下 JS define([‘jquery’, ‘underscore’, ‘backbone’, ‘text!modules/map/mapListViewTemplate.html’], function($, _, Backbone, mapListViewTemplate) { var MapListView = Backbone.View.extend({ initialize: function() {}, render: function() { var mapOptions = { zoom: 4, center: new google.maps.LatLng(-25.363882, 131.044922) }; var map = new google.maps.Map($(‘#map-canvas’), mapOptions); // Add […]