草庐IT

瓦片地图

全部标签

javascript - 在谷歌地图上自由绘制

我正在使用GoogleMapsAPIV3在Googlemap中绘制一些自由形式的多边形,而不是标准库附带的标准点击多边形。一切都很好。问题:多边形生成大量可编辑点。如何在需要时简化多边形并创建可编辑点?这里是我的代码:varlatlng=newgoogle.maps.LatLng(46.779231,6.659431);varoptions={center:latlng,zoom:19,mapTypeId:google.maps.MapTypeId.ROADMAP,draggable:false};varmap=newgoogle.maps.Map(document.getElemen

javascript - 在谷歌地图上监听键盘事件

我的应用程序中有Googlemap,我使用map在其上绘制折线。我想在谷歌地图上听键盘事件,这样说如果我在绘制Polyline时按下Esc键,它应该停止绘制(它应该重置DrawingMode)。我通过两种方式尝试了这个。1.我将keyevents添加到它的容器中:bindKeyEventsForMapButtons:function(btn){varme=this;btn.el.dom.onkeydown=function(e){if(btn.getId()=='drawPerimeterGoogleMap'){if(btn.pressed==true)btn.toggle(false

javascript - 谷歌地图 react

我们尝试在我们的应用程序中嵌入谷歌地图,但没有成功。自动完成字段没有问题,但我们尝试以相同的方式插入map,但出了点问题。我们使用React0.12并为自动完成字段创建一个组件。varGeocomplete=React.createClass({componentDidMount:function(){varinputOptions={componentRestrictions:{country:'it'}};newgoogle.maps.places.Autocomplete(document.getElementById('searchTextField'),inputOption

javascript - Openlayers 3 获取谷歌地图基础层?

我已经阅读了一些关于此事的帖子,其中包含指向examples的链接。但是我发现很难理解他们在示例中是如何做到的:vargmap=newgoogle.maps.Map(document.getElementById('gmap'),{disableDefaultUI:true,keyboardShortcuts:false,draggable:false,disableDoubleClickZoom:true,scrollwheel:false,streetViewControl:false});varview=newol.View({//makesuretheviewdoesn'tgo

javascript - 谷歌地图集群自定义图像

我想用自定义图像更改谷歌地图聚类。但是,它不会改变我提供的任何内容。这个initMap函数是https://developers.google.com/maps/documentation/javascript/marker-clustering然后我尝试用来自谷歌的一些随机图像来更改集群图像。但是,它不呈现任何内容。集群不支持自定义集群镜像??functioninitMap(){varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:3,center:{lat:-28.024,lng:140.887}});//Cr

javascript - 谷歌地图绘制两点之间的路线

我编写了这个无辜的javascript代码,它允许用户创建两个标记并绘制它们之间的路线。它不起作用,相反,它给出了一个奇怪的错误:UncaughtTypeError:Cannotreadproperty'ya'ofundefined有人可以告诉我这里出了什么问题吗://calleduponaclickGEvent.addListener(map,"click",function(overlay,point){if(isCreateHeadPoint){//addtheheadmarkerheadMarker=newGMarker(point,{icon:redIcon,title:'H

javascript - 谷歌地图 v3 : need multiple draggable markers to update HTML input fields

我正在开发一个使用GoogleMapsv3的项目,该项目将允许用户拖放随机放置的标记(用php生成的数量、坐标和标签)。我想要移动标记的纬度和经度来更新页面上的html输入字段。不幸的是,我对js了解不够,无法通过使用数组和/或“可变变量”以有效的方式为每个标记赋予唯一标识。到目前为止,这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}functioninitialize(){varlatlng=newgoogle.maps.LatLng(39.3939,-11

javascript - 谷歌地图库加载阻止页面

我使用以下HTML标记加载GoogleMapsAPI:但是,在脚本被浏览器加载之前,它会阻止加载HTML中它下面的所有内容。有没有办法让这个加载成为非阻塞的? 最佳答案 此代码为您提供了一个延迟函数,它接受一个url和一个可选的回调。它异步加载您的脚本而不阻塞页面呈现。我已经设置了保护,因此它不会加载相同的scritp两次,因此您可以随意调用它多次。defer=(function(){varurls=[];returnfunction(url,callback){varinc;if(url&&urls.indexOf(url)===

javascript - 在谷歌地图反向地理编码中获取明确的城市名称

使用GoogleMapsGeocodingAPI,我能够获取特定坐标的格式化地址。为了获得确切的城市名称,我正在执行以下操作:$.ajax({url:'http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&sensor=false',success:function(data){varformatted=data.results;varaddress_array=formatted[6].formatted_address.split(',');varcity=address_array[0];

javascript - 谷歌地图 API : Get url for current view

我有一个表单,用户可以在其中引入googlemapsurl来指定某些东西的地址。我一直在考虑通过GoogleMapAPIv3显示map,让用户移动到所需的位置并通过按钮或其他东西自动获取该地点的url并将其复制到输入。我已经能够使用教程显示map,但我无法在文档中找到如何获取url...我认为您不需要它,但这是我使用的简单代码:varlatlng=newgoogle.maps.LatLng(-34.397,150.644);varoptions={zoom:8,center:latlng,mapTypeId:google.maps.MapTypeId.ROADMAP,mapTypeCo