Tag: google maps api 3

谷歌地图中破解的jQuery手风琴

我正试图在谷歌地图中显示一个jQuery手风琴,我有它工作但是当我点击我的手风琴菜单时,当我重新打开它时,它不会作为手风琴。 我不知道如何解决它而不从头开始创建我自己的手风琴。 有关如何使其正常工作的任何帮助? http://mulibraries.missouri.edu/Reference/virtour/demo_fs_mobile.php

在外部javascript变量中存储谷歌地理编码的返回值

无法将谷歌地理编码的返回值存储到全局/外部(javascript)变量( latlng1 ,在下列情况下)….也许是因为变量在地理编码完成之前获取其值… 对于下面的代码: alert((‘latlon=’+latlng1); //shows undefined 但, alert(‘got value = ‘+latLng); //gives the coorect value 那么,如何在将变量分配给变量之前等待地理编码返回非空值? 这会解决问题吗? 或者代码中还有其他缺陷吗? 除此之外,代码的所有部分都可以正常工作(如下面的代码中的注释所述); 我看到标记也正确地放在地图上; 这是我的代码: – $(some_element).click(function() { var input = document.getElementById(some_input_element).vlaue ; var get_geocodes = function get_value(latLng) { alert(‘got value = ‘+latLng); //gives the coorect value if (latLng == null){ geocode(input, get_geocodes)} return latLng; } latlng1 = […]

理想的Bing地图或Google地图的JavaScript用户界面?

我使用Bing地图制作一个简单的概念certificate网页。 我需要在我的页面中嵌入的地图上有几个引脚。 然后,当用户勾选或取消勾选某些框时,结果将被过滤,因此javascript UI将使其成为可能,因此不同的引脚将变为可见或不可见。 对不起这个问题的开放性,但我该怎么做呢? 我更喜欢使用jQuery而不是简单的JavaScript。 它只是一个概念certificate,因此速度,性能,可靠性等都是灵活的。 我需要像Silverlight这样的微软工具吗? 如果我能用Bing地图做到这一点最好,但如果谷歌地图更容易使用,那么我也可以灵活处理。 谢谢

Google Maps API – 标记群集无法正常工作

我目前正在开发一个Google Map,它将显示许多地图标记,数据位于外部JSON文件中的一系列数组中。 它也使用Spiderfier来重叠标记,因为它们具有相同的坐标。 我正在尝试实现Marker聚类,以便在缩小时使地图变得更加混乱,但是没有发生聚类。 开发人员工具上的控制台使用markerclusterer.js源代码记录“Uncaught TypeErrors”,声称它不能设置属性或说某些东西不是函数,但我不确定该怎么做。 我使用的是错误的来源,还有其他问题,还是两者兼而有之? 码: var map function initialize() { map = new google.maps.Map(document.getElementById(“map_canvas”), { center: new google.maps.LatLng(40.8039941, -77.863459), zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP}); var oms = new OverlappingMarkerSpiderfier(map, { markersWontMove: true, markersWontHide: true, //basicFormatEvents: true }); var selectedInfoWindow $(document).ready(function() { $.getJSON(“crime_maps_test.json”, function(json1) { $.each(json1, function(key, data) { var infoWindow = new google.maps.InfoWindow; […]

在$ .each循环中在Google地图api v3上显示多个标记

我正在尝试使用API​​ V3在Google地图上获取多个标记。 我要展示的标记是一个名为beachflag.png的粉红色方块。 当我的程序到达setMarkers函数时,$ .each循环中创建的数组内的值将丢失。 警报function显示未定义。 我不知道这是怎么可能的,因为我已经在脚本的开头(全局)声明了这个数组。 但是,当底部的for循环遍历位置数组时,它只有一个值。 我推入数组(位置,纬度和长度)的所有值都消失了。 我一直关注来自google sample api for v3(https://google-developers.appspot.com/maps/documentation/javascript/examples/icon-complex?hl=fr-FR)的示例,但这对我不起作用。 这是我的实时测试页面: otakufinder var userLat=””; var userLong=””; var map; var eventsLat=[]; var eventsLong=[]; locations=[]; var i=0; jQuery(window).ready(function(){ jQuery(“#btnInit”).click(initiate_geolocation); }); function initiate_geolocation() { //watch position navigator.geolocation.getCurrentPosition(handle_geolocation_query,handle_errors); } function handle_errors(error) { switch(error.code) { case error.PERMISSION_DENIED: alert(“user did not share geolocation data”); break; case error.POSITION_UNAVAILABLE: […]

JQuery和Google Maps JS api没有合​​作

我真的很难尝试在同一个块中使用Google Maps API和JQuery API。我的页面是jspx(Spring),我需要JQuery以便我可以获取并解析google fusion表数据。 但是,当我将两个库声明在一起时,地图div将无法加载(如果我单独加载Google地图,则所有映射都可以正常工作)。 这是相关的代码: // 任何指针或想法都会对我有很大帮助,我甚至尝试通过JQuery在一个单独的JS块中检索deprivation stat,但是尽管我付出了努力,但是在页面加载时没有调用该函数。

通过jQuery for Google Maps API V3加载XML

更新:疲劳发生用户错误,而不是代码本身,结果certificate是问题。 我只是错误地调用了两次initialize()函数。 我将留下这篇文章,因为代码片段可能会对希望通过jQuery使用Google Map的XML数据的其他人有所帮助。 我正在通过jQuery for Google Maps(API V3)从XML文件加载地图标记坐标和infoWindow内容。 除了每个标记添加两次之外,一切似乎都运行正常。 这是我的JS: google.load(“maps”, “3”, {other_params:”sensor=false”}); google.load(“jquery”, “1.6.2”); var infowindow; var map; function initialize() { // Specify center of the map var latLng = new google.maps.LatLng(51.781,-107.402); // Customize map appearance var mapOptions = { center: latLng, mapTypeControl: false, mapTypeId: ‘roadmap’, navigationControl: true, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL, position: google.maps.ControlPosition.TOP_RIGHT}, […]

谷歌地图API 3正在行动

我正试图在jqueryui选项卡中放置一个谷歌地图。 地图显示出来; 但是,完整的地图本身并没有填满它的canvas。 此外,尝试滚动地图会让它变得浑浊。 有没有人有任何想法? 这是我正在使用的代码: html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } $(document).ready(function() { var mapOptions = { center: new google.maps.LatLng(-34.397, 150.644), zoom: 8, mapTypeId: google.maps.MapTypeId.HYBRID }; var map = new google.maps.Map(document.getElementById(“map_canvas”), mapOptions); }); One Two Three Tab 1’s Content Tab 2’s […]

使用google maps api将当前gps坐标发送到mySQL数据库

我正在尝试在jquery中构建一个高尔夫应用程序,我可以使用按钮将当前的gps坐标发送到mySQL数据库。 问题是我是php的新手,我正在尝试找到我可以使用的代码。 我建了一个数据库: ID int 3自动增量 LAT浮动10 LON浮10 有人可以帮助一些HTML和PHP代码吗? Play 9 holes Click the button to get your position: Try It var x=document.getElementById(“demo”); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition,showError); } else{x.innerHTML=”Geolocation is not supported by this browser.”;} } function showPosition(position) { var latlon=position.coords.latitude+”,”+position.coords.longitude; var img_url=”http://maps.googleapis.com/maps/api/staticmap?center=” +latlon+”&zoom=14&size=400×400&sensor=false”; document.getElementById(“mapholder”).innerHTML=””; } function showError(error) { switch(error.code) { case […]

Google Map API v3 – 超出了最大调用堆栈大小

我在过去5或6周内一直在开发JS widget 。 通过简单地将href添加到远程.js文件以及具有给定ID的DIV容器来包含窗口小部件的内容,可以将其添加到任何站点。 该小部件广泛使用Google Map API,我将其引用如下: https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,places&callback=initializeGoogleMaps 当小部件被加载时,它将要求用户检查其位置的许可,然后在其他操作中执行对该位置的简单地理编码,以便可以在地图上绘制标记。 一切都很完美,我必须在开发过程中测试超过2,000个搜索。 我昨天部署了小部件并成功将其嵌入到主机网站中 – 一切都像以往一样完美。 然而,今天早上,我的小部件随着Chrome的控制台报告而崩溃: Uncaught RangeError: Maximum call stack size exceeded{main,geometry,places}.js:27 (anonymous function)VM530:33 cVM530:33 TT.(anonymous function).fitBounds{main,geometry,places}.js:48 (anonymous function){main,geometry,places}.js:26 Uf{main,geometry,places}.js:48 O.fitBoundsWRAPPostcodeLocator.js:1541 setupPageWRAPPostcodeLocator.js:964 jQuery.ajax.successjquery.js?time=95944:3 jjquery.js?time=95944:3 k.fireWithjquery.js?time=95944:12 xjquery.js?time=95944:12 b.onload.b.onreadystatechange 由于小部件最后一次工作,我的代码或主机没有任何更改,所以我怀疑Google API有问题。 可以在以下位置查看嵌入到虚拟主机中的我的窗口小部件的示例: http://pcl.solsticecloud.co.uk 花了几个小时试图找到底线,我仍然不是更聪明。 任何帮助或建议将非常感激。 先感谢您, 马特