Tag: 谷歌地图

无法从XML变量加载Google Maps Markers: 我搜遍了整个地方，并试图寻找其他问题的原因无济于事。我有一个搜索表单来检索xml数据，数据恢复得很好。响应标题 Content-Type text / xml; charset = utf-8 Date Fri，04 Jan 2013 19:00:52 GMT Server Apache Transfer-Encoding chunked via 1.1 decfpxy1（NetCache NetApp / 6.0.2）响应：但是我的data变量没有在我的脚本中插入任何加载标记的内容，我收到此错误： TypeError：xml未定义[在此错误时出现错误] var markers = xml.documentElement.getElementsByTagName（“marker”）; 这是代码： function SendData() { var FromDateUnformatted = $(‘#from’).val().split(‘/’); var FromDate = FromDateUnformatted[2] + ‘-‘ + FromDateUnformatted[0] + ‘-‘ + FromDateUnformatted[1] + ‘ […]

从已知位置查找最近列出的（数组？）城市: 我希望将HTML5地理定位function集成到网站中。我的问题是在选定的列表中获取最近的城市/城镇。该网站仅在一定数量的城镇和城市中得到支持/营销，因此我们的想法是浏览器找到他们的位置并选择他们最近的城镇或城市。听起来很简单，但它是’找到最近的’，我可以让我的头脑。我找到了一个帮助我完成从浏览器获取long / lat并将其转换为Town / City名称的过程的线程，但这无助于找到最近列出的那个：使用Google Map API进行反向地理编码PHP使用Lat，Long坐标获取最近的位置是否有任何API（最好是谷歌）可以找到最近的列出位置？我看了一眼，找不到任何一种。

如何在Google Maps API上添加标记周围的圆圈: 这是我用来在谷歌地图中的几个地方显示标记的代码。我想补充一点，并在标记周围添加一个5公里的圆圈。我试着添加这段代码而没有运气： var circle = new google.maps.Circle({ center:position, radius: radius, fillColor: “#0000FF”, fillOpacity: 0.1, map: map, strokeColor: “#FFFFFF”, strokeOpacity: 0.1, strokeWeight: 2 }); 这是下面的完整代码，这里有一个jsfiddle供参考 var center = “Vilnius, Lithuania”; var locations = [ [‘Tuskulėnų g. 20, Vilnius 09211, Lithuania’, “some info”], [‘Stumbrų g. 21, Vilnius 08101, Lithuania’, “more information”], [‘Kalvarijų g. 55, Vilnius 09317, […]

创建包含id属性的Google Maps Marker: 对不起，也许是一个愚蠢的问题，但我读过添加ID到谷歌地图标记之前没有成功。我尝试创建一个包含许多标记的地图。我想用jquery来处理这个标记。简单的$（’＃marker1’）。doSomething（）; 如何为这个标记赋予一个有价值的id属性？我非常简单的演示代码将向您展示我尝试使其工作的方式。 function initialize() { var myLatlng = new google.maps.LatLng(-25.363882,131.044922); var mapOptions = { zoom: 6, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById(‘map’), mapOptions); var marker = new google.maps.Marker({ position: myLatlng, map: map, draggable: true, title: ‘Hello World!’, }); marker.set(“type”, “point”); marker.set(“id”, “ABC”); } 非常感谢！

如何从位置（x，y）获取谷歌地图v3上的位置（lat / lng）: 我有（x，y） (event.pageX-$(“#map_canvas”).offset().left,event.pageY-$(“#map_canvas”).offset().top) 但如何获得（lat，lng）谢谢

Google会延迟地映射api v3 drop marker动画: 我知道有一个关于这个来自XML的Google Maps API v3 drop标记有延迟的问题吗？我跟着它，但我不得不在我的代码中犯了一个错误，这里是： function dropAnim(lat,lng,name) { console.log(“—- ” + lat + ” – ” + lng); var marker = new google.maps.Marker({ position: new google.maps.LatLng(lat,lng), map: map, title: name, animation: google.maps.Animation.DROP, icon: imageCar, }); } var counter = 0; $.get(‘http://server.com/methods.php?m=loadPins’, function(data) { dataName = data.name.split(“;”); dataLat = data.lat.split(“;”); dataLng = data.lng.split(“;”); dataLength = […]

从google places autocompleteService.getPlacePredictions返回多种类型: 我正在尝试为Google地方自动填充实施自定义用户界面，因为预建的用户不允许我手动选择结果。在getPlacePredictions函数选项中不使用多个类型时，一切正常，但当我使用[‘（regions）’，’（cities）’]时，状态返回’invalid request’ 我做错了什么或者不可能返回多种类型？ var _this = this; this.input = $(‘#zipcode_autocomplete’); this.service = new google.maps.places.AutocompleteService(); this.input.on(‘input’, function() { return _this.service.getPlacePredictions({ input: _this.input.val(), types: [‘(regions)’, ‘(cities)’], componentRestrictions: { country: ‘us’ } }, _this.callback); }); this.callback = function(predictions, status) { var i, prediction, _results; console.log(predictions); if (status !== google.maps.places.PlacesServiceStatus.OK) { alert(status); return; } i = 0; prediction […]

我想只显示某个地理位置半径范围内的标记？: 在我的页面上，当它加载它获取你的位置并在你的位置设置标记，然后我希望它从我的数据库加载所有标记并在地图上设置它们，但我只想加载距离它们1公里范围内的标记地点。我正试图设置它，但我遇到了一些麻烦。所以标记是从数据库加载的，如下所示： fetch()) { ?> var longi = “”; var lati = “”; var title = “”; setMarker(lati, longi, title); close(); $mysqli -> close();?> 然后setMarker函数调用如下： function setMarker(lati, longi, title) { var latLongMarker = new google.maps.LatLng(lati,longi); marker = new google.maps.Marker({ position: latLongMarker, map: map, draggable: false, title: title }); arrMarkers.push(marker); } 这一切都运行得很好，花花公子，并将数据库中的所有标记加载到地图上但是我怎样才能加载距离我1公里的标记？我读到了关于computeDistanceBetween（）但我找不到一个例子来拯救我的生命。提前谢谢大家。我最终找到了一种方法来实现这一目标，最终变得更容易，更快速地处理这里，你会去寻找未来的任何人： […]

如何在Google Map API v3中区分左键和右键鼠标点击mousedown事件: Google Map API v3的mousedown事件会在左右两次点击时触发，如何识别是右击还是左击。我是谷歌地图API的新手，我到目前为止使用的是虚拟地球API，在那里我可以区分鼠标左键和右键鼠标，如e.leftMouseButton如果左键单击则返回true。

向Google地图标记添加ID然后定位: 我已经使用Google Maps API v3创建了一个谷歌地图，并添加了一个自定义标记，我已经为Marker构造函数添加了一个ID，我希望使用jQuery来添加额外的JS，但是当我只是尝试一些东西时比如$（’＃’+ marker.id）.hide（）; 什么都没发生？任何人都可以告诉我如何正确访问此标记ID？我的制造商代码如下： marker = new google.maps.Marker({ externalURL: ‘http://www.google.com’, position: defaults.center, map: map, icon: markerImg, id: ‘marker’ }); 然后我使用以下代码创建一个目标的jQuery对象： var mapMarker = $( ‘#’+marker.id ); mapMarker.hide();