Tag: google maps

如何首先执行Ajax调用以获取lat / lng,然后使用标记加载Google地图?

我正在进行ajax调用以检索存储在sql数据库中的lat和lng存储位置。 这是我的ajax调用并返回所有lats和lngs的json对象。 $.ajax({ type:”GET”, dataType:”json”, url:””, success: function(result) { my_arr = result; for(var i=0;i<result.length;i++) { store_points(result[i].lat,result[i].lng) } }); 现在我已将此json对象存储在我自己的数组对象中,该对象将用于在地图上添加标记。 这是在加载地图之前完成的。 var point=[]; point = [ new google.maps.LatLng(37.569309, -122.32617500000003) ]; function store_points(lat,lng) { //used to show markers point = [ new google.maps.LatLng(lat,lng) ]; } var map; var mapOptions = { center: new google.maps.LatLng(51.3, -1.80), zoom: 6, […]

从Google Maps Geocoder v3返回地址

我有以下function: $(function() { var address = $(“#address”).text(); var r; function encodeAddress() { geocoder = new google.maps.Geocoder(); geocoder.geocode({‘address’ : address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { results[0].geometry.location r = results[0].geometry.location console.log(“inside:” + r); } else { alert(“Google Maps had some trouble finding” + address + status); } }); } encodeAddress() console.log(“outside:” + r); }); […]

Bootstrap选项卡中的多个Google地图

我有一个引导标签结构,每个标签内都有一个谷歌地图iframe。 第一个标签的iframe看起来不错,但其他标签看起来很简单,没有中心。 它不是关于iframe src代码,因为我尝试用第二个和其他代替第一个; 第一个总是工作正常。 我见过一些解决方案,但没有一个能为我工作; 我没有通过javascript生成地图(我认为它会有点复杂’因为有11个标签,意味着11个地图将与JS分开触发)。 我怎样才能让它们成为第一个? EDİRNE İSTANBUL İSTANBUL Edirne İstanbul / Ümraniye Buyaka

谷歌地图可以设置为缓慢恒定的平移吗? 像全球革命一样?

正如标题所说的那样。 我正在寻找解决方案,但我没有发现任何指导我正确文档或文章的内容。 如果您有任何想法或可以指出我可以使用的可能解决方案,我将不胜感激。 谢谢

单击标记时,Google Maps v3会打开最后一个infoWindow

我有一个共享的infoWindow用于我的所有标记。 如果我使用jquery的$().each(function(){}) ,它会很好用,但如果我将它更改为JavaScrips的native或while循环,它就不会按预期工作。 每当我点击一个标记时,它将打开最后一个填充标记的infoWindow ,而不是单击标记的infoWindow 。 这有效: $(stores).each(function() { var storeId = $(this).attr(‘storeId’); var address = $(this).attr(‘rawAddress’); var city = $(this).attr(‘city’); var state = $(this).attr(‘state’); var zip = $(this).attr(‘zip’); var lat = $(this).attr(‘lat’); var lng = $(this).attr(‘lng’); var distance = $(this).attr(‘distance’); //create marker var point = new google.maps.LatLng(lat, lng); var marker = new google.maps.Marker({ position: […]

如何让Google地图再次请求位置权限?

我在我的移动网络应用中使用谷歌地图,但我注意到,有时当地图提示位置权限时,用户不小心点击“拒绝”而不是“允许”,他们需要重新加载页面才能正确定位。 有没有办法,比如,有一些用户可以触发的JS调用,比如点击一个按钮,改变他们对提供位置访问权限的选择,或者让浏览器重新提示他们? 在此先感谢任何帮助:)

谷歌地图InfoBubble中的jQuery UI Slider

我正在构建一个自定义InfoBubble,它包含两个jQuery UI滑块来操作一些数据。 我创建了Bubble和Slider没有任何问题。 不幸的是,某处鼠标事件似乎被阻止冒泡到滑块。 我准备了一个小提琴解释行为: JSFiddle 要重现该错误,请执行以下操作: 1. Click on the slider knob 2. Move your mouse outside of the InfoBubble 3. Move your mouse to the left and right to use the slider 4. Move your mouse back to the info window and see the slider movement cease immediately. 有谁知道事件丢失的地方以及如何解决这种情况?

如何像标记一样创建谷歌纵横?

在我的HTML5应用中,我使用Google Map v3并在地图上添加了几个标记。 放置新标记和更改图标很容易,但我希望能够构建像谷歌纵横中使用的标记。 这些标记设置有图标图像和漂亮的边框。 关于如何做到这一点的任何想法?

如何在嵌入式Google地图的KML弹出窗口中覆盖target = _blank?

我正在使用KML在Google地图上叠加形状。 对应于每个形状的信息包括在元素中,以及指向与该形状对应的细节页面的链接。 例如,我的KML包括: <![CDATA[ … View details   ]]> 当然,我希望该链接在同一个窗口中打开,因为它只是导航到同一站点上的另一个页面。 不幸的是, 如此处所述 ,嵌入在KML文件的元素中的链接将被target=’_blank’重写。 当包含在直接写入KML的HTML中时,目标会被忽略; 打开所有这些链接,就好像目标设置为_blank一样。 忽略任何指定的目标。 我的问题:任何人都可以想到一个可以覆盖这个(令人讨厌的,恕我直言)行为并强制在同一窗口中打开这些链接的解决方法吗? 作为一种方法的一个例子,我目前正在尝试覆盖这些链接上的click事件(使用jQuery),但它们是由Google地图动态生成的,我似乎无法及早掌握它们。

Javascript函数 – 将地理位置代码转换为街道地址

我正在寻找一个javascript函数或jquery库来将gelocation代码(例如42.2342,32.23452)转换为街道地址 举些例子。 navigator.geolocation.getCurrentPosition( function(pos) { $(“#lat_field”).val(pos.coords.latitude); $(“#long_field”).val(pos.coords.longitude); } ); 这是一个获取地址数据的google apiurl http://maps.googleapis.com/maps/api/geocode/json?latlng=41.03531125,29.0124264&sensor=false 我想看看“formatted_address”:“HacıHesnaHatun Mh。,PaşaLimanıCd2-26,34674 Istanbul,Türkiye”, navigator.geolocation.getCurrentPosition( function(pos) { $(“#lat_field”).val(pos.coords.latitude); $(“#long_field”).val(pos.coords.longitude); $(“#adress_data”).getaddrfromlatlong(pos.coords.latitude,pos.coords.longitude) } ); 这个function应该如何? “getaddrfromlatlong() 提前致谢