草庐IT

绘制地图

全部标签

javascript - 使用 JSON 绘制谷歌图表

如果它是一个单独的JSON文件,我如何检索和使用谷歌图表的数据集?我尝试了jQuerygetJSON但无法正常工作。GoogleViz应该使用JSON来绘制条形图有原生的googleAPI方式吗?或者我能找到一种使用jQuery的方法吗?如何使用?谢谢//LoadtheVisualizationAPIandthepiechartpackage.google.load('visualization','1.0',{'packages':['corechart']});//SetacallbacktorunwhentheGoogleVisualizationAPIisloaded.goog

javascript - 谷歌地图 API - 通过地址 javascript 添加标记

我有带地址的地方数据库,我想在谷歌地图上添加标记。它只显示默认标记,似乎geocoder.geocode()什么都不做。例如,我试图在“纽约市”上添加标记,但没有成功。vargeocoder;varmap;varaddress="newyorkcity";geocoder=newgoogle.maps.Geocoder();functioninitMap(){varuluru={lat:-25.363,lng:131.044};varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:4,center:uluru});

javascript - 谷歌地图标记分组

我正在努力实现以下目标:在我的map上有不同类型的标记,例如学校、图书馆、公交车站,我希望能够显示/隐藏每组标记。我已经在google上搜索了一段时间,但没有找到任何结果:/有什么想法可以实现吗? 最佳答案 有多种方法可以解决这个问题,但让我向您展示一种方法。首先,让我们从一组位置开始(借用自GoogleMapsAPITutorials):varbeaches=[['BondiBeach',-33.890542,151.274856,1],['CoogeeBeach',-33.923036,151.259052,1],['Cronu

javascript - 向谷歌地图添加多个标记

我希望为Googlemapv3API中列出的每个企业添加标记onthispage在右上角。我不确定如何为多个邮政编码执行此操作,但我们目前在individualbusinesspages上使用的那个对存储在数据库中的动态邮政编码使用URLencode。这是我们用于各个页面的代码:varmap;functioninitialize(){varmapOptions={zoom:15,center:newgoogle.maps.LatLng(51.511214,-0.119824),mapTypeId:google.maps.MapTypeId.ROADMAP};vargeolocate=f

javascript - 如何获取我的谷歌地图窗口的边界框坐标

我正在从事一个包含googlemapsapiv3和PostGres的项目。我想做的是将我的map窗口的边界框坐标(左下角和右上角)传递给POSTGRES,并获取生成的map窗口在特定缩放级别上的POI位置。我怎样才能做到这一点……?有任何想法吗?在apiv3中是否已经有一个直接的函数?我在SO上找到了这个,但这似乎对我不起作用Findingthelat-longofthecornersinaGoogleMapswindow 最佳答案 question正在使用GoogleMapsAPIv2,使用等效的GoogleMapsAPIv3go

javascript - 使用 Google map api V3 ASP.net 绘制多条不同颜色的多段线

我可以在谷歌地图中绘制多条折线并设置它们的样式,但我想用不同的颜色为每条折线着色。目前,我有这段代码:varDrivePath=[newgoogle.maps.LatLng(37.772323,-122.214897),newgoogle.maps.LatLng(21.291982,-157.821856),newgoogle.maps.LatLng(-18.142599,178.431),newgoogle.maps.LatLng(-27.46758,153.027892),newgoogle.maps.LatLng(12.97918167,77.6449),newgoogle.ma

javascript - 谷歌地图 API 函数 map.getCenter()

当用户调整他的map时,我将GoogleMapAPI设置的缩放和位置保存在cookie中。当他们回来时,map还在​​同一个地方。该功能大部分时间都有效:varh=JSON.stringify(map.getCenter(),null,2);jQuery.cookies.set("YD44635center",h,cookieOptions);在解码端使用:locationVar=jQuery.cookies.get("YD44635center");vartemp="";//fortesting:for(varxinlocationVar){temp+=x+"\n";}alert(t

javascript - 由于内容安全政策,谷歌地图 api 脚本确实加载

我正在制作一个谷歌浏览器扩展程序,我想在其中使用谷歌地图。问题是当我运行我的脚本时,它给了我这个错误Refusedtoloadscriptfrom'https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXX&sensor=false'becauseofContent-Security-Policy.这是我的list文件{"name":"Name","version":"1.0","manifest_version":2,"background":{"scripts":["js/script.js"]},"descriptio

javascript - 在 JavaScript 谷歌地图的中心显示十字准线

我想显示一个固定在谷歌地图中心的十字线/标线,就像Wikimapia.org一样。做。不幸的是,他们使用的是API的v2而我使用的是v3。当用户四处平移map时,十字准线应保持固定在中心。ControlPosition没有CENTER选项枚举,所以我想任何解决方案都会有点老套。我试图将它作为div覆盖在map之外,但我没能让它显示在map顶部——它似乎在z顺序摊牌中被打败了。 最佳答案 给定的解决方案对我不起作用,因为覆盖的div在map中创建了一个死点。对于我的项目,使用GoogleMapsJavaScriptAPIV3的一个更好

javascript - 使用 nvd3 仅绘制分组的多条字符

我使用nvd3库绘制了一个multibarChart,它工作得很好,但它给了我两个单选按钮来选择我想要堆叠条形图还是分组条形图。我可以禁用它并让它只显示分组的条形图吗?这是javascript代码:nv.addGraph(function(){varchart=nv.models.multiBarChart();chart.xAxis.tickFormat(d3.format(',f'));chart.yAxis.tickFormat(d3.format(',.1f'));varx=data();d3.select('#chartsvg').datum(data()).transiti