草庐IT

绘制地图

全部标签

javascript - "Cannot read property ' zindex ' of undefined"谷歌地图

我正在尝试使用API将自定义控件添加到Googlemap。我已经添加了两个自定义控件,它们工作得很好。我试图复制并粘贴第三个控件的代码(当然更改相关变量)并且我不断收到上述错误(在标题中)。Chrome控制台和Firebug似乎没有指出特定问题(它在googlemapsapi代码内部中断)。通过逐步注释掉行,我将范围缩小到这一行:map.controls[google.maps.ControlPosition.TOP_RIGHT].push(churchControlDiv);添加控件的完整代码如下:functionChurchControl(churchControlDiv,map)

javascript - 谷歌地图手绘

最新代码-http://jsfiddle.net/YsQdh/88/-此版本使用gDouglasPeuker从绘制版本创建基本的多边形形状-http://jsfiddle.net/YsQdh/94/^这将禁用map绘制,并在创建形状后再次启用它。我正在开发一个谷歌地图应用程序。与多边形点和点击练习相反。我希望能够绘制一个形状-然后将其转换为多边形。这是我最新的申请-http://jsfiddle.net/Cbk9J/168/我找到了以下代码-但我不确定如何将其合并到示例中。我没有找到任何免费手绘的文档,我不确定这些功能是否存在于谷歌地图绘图管理器中。varcompleteFreehan

javascript - 在谷歌地图中给每个国家不同的颜色

有谁知道如何在谷歌地图中给每个国家不同的颜色?例如:在世界地图上蓝色覆盖到英国,然后是红色中国...等不知道google有没有提供API给每个国家赋予颜色谢谢 最佳答案 使用Googlemap这真的不容易,正如@oezi所说,您需要为每个要着色的国家/地区构建叠加层,坦率地说,这听起来很乱。但是如果您不需要Googlemap的所有功能,也许您可以使用MapChart来自出色的GoogleChartTools(又名ChartAPI)。您可以在交互式ChartWizard中检查和修改彩色map(以及其他一些)的工作示例。2017年更新:

javascript - 使用 D3 在 map 上绘制点

我正在尝试使用基于纬度和经度的D3地理库在map上绘制几个点。但是,当我将这些值传递到我的投影函数时,它会导致坐标超出我的SVG图像的范围。我的代码基于thisexampleprovidedinthedocumentation.我已将当前代码放在:http://bl.ocks.org/rpowelll/8312317我的源数据是一个简单的对象数组,格式如下varplaces=[{name:"Wollongong,Australia",location:{latitude:-34.42507,longitude:150.89315}},{name:"Newcastle,Australia

javascript - 如何在 JavaScript 中围绕多段线绘制多边形?

我想围绕折线绘制多边形。在我的案例中,多段线是谷歌地图的方向,我需要在谷歌地图Canvas中围绕它显示一个多边形。首先:为了偏移,我使用了JavaScriptClipper库。我有以下折线(路线):我使用Clipper在下面制作了一个偏移多边形:我有一个工作JSBinexample.代码是:JavascriptClipperLibrary/Offsetpolylinefunctiondraw(){varpolygons=[[{"X":72,"Y":59.45},{"X":136,"Y":66},{"X":170,"Y":99},{"X":171,"Y":114},{"X":183,"Y

javascript - 谷歌地图 v3 panTo 回调?

如何在单个指定的panTo调用上设置回调函数?这是我的代码。varloc=data.split(',');map.panTo(newgoogle.maps.LatLng(loc[0],loc[1]),function(){console.log('thisneverlogs...');}); 最佳答案 我不清楚您要实现的目标。您是否希望回调在平移完成时运行?如果是这样,您可以试试这个:map.panTo(newgoogle.maps.LatLng(loc[0],loc[1]));google.maps.event.addListen

javascript - 谷歌地图 v3 在 map 初始化后调整缩放级别

我正在初始化谷歌地图并定期(每30秒)更新map上的标记/信息窗口。我正在使用Bounds自动放大,但要确保所有标记/信息窗口都可见。我的问题是信息窗口位于map的边缘并且经常被切断。因此,每次更新map时我都需要缩小“1”。我可以使用“map.zoom”来确定当前的缩放级别并重新计算新的所需值,但我不知道如何设置这个新值。缩放参数只能在初始化map时设置吗?这真的很简单吗?下面是我的“更新”功能;functionupdatePage(){//clearcurrentmarkersclearOverlays();varlocation1=newgoogle.maps.LatLng(te

javascript - 阴影不显示谷歌地图标记

遇到问题,我正在尝试添加自定义阴影,但不知何故它没有显示。我使用Firebug检查了错误但没有错,路径也是正确的。我不知道为什么它不起作用。下面的代码。varmarker=newgoogle.maps.Marker({map:map,position:latlngset,shadow:'codes/icon/shadow.png',icon:baseicon+icon}); 最佳答案 随着v3.14作为实验版本的发布,任何未指定版本号的map都将获得新的视觉刷新行为,其中不包括阴影。Changesinthevisualrefresh

javascript - 如何从谷歌地图 v3 api 获取纬度和经度?

我正在尝试使用googlemapsv3api创建map。我在互联网上找到了以下代码,我想在map窗口中显示纬度和经度而不是地址。functioninitialize(){varmapOptions={center:newgoogle.maps.LatLng(-33.8688,151.2195),zoom:13,mapTypeId:google.maps.MapTypeId.ROADMAP};varmap=newgoogle.maps.Map(document.getElementById('map_canvas'),mapOptions);varinput=document.getEl

javascript - 如何在 html Canvas 上绘制 Font Awesome 图标 [版本 <5]

如何将FontAwesome字符(图标字形)绘制到html5Canvas上?我使用的是旧版本的FontAwesome。我如何设置那些绘制的字符的样式?varcanvas=document.getElementById('myCanvas');varcontext=canvas.getContext('2d');context.font='';context.fillText();语言:lang-htmlhtml>varcanvas=document.getElementById('myCanvas');varcontext=canvas.getContext('2d');context