草庐IT

世界地图

全部标签

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 - 三.JS,改变子3D对象的世界位置

所以基本上我有一个Object3D组的子object3D,而子对象的[x,y,z]坐标是相对于父对象的对象空间显示的,我想在其中更改子对象的位置3D空间。所以首先我得到子对象相对于世界空间的位置。varwrld_pos=childobject.matrixWorld.multiplyVector3(newTHREE.Vector3);这将返回child在世界空间中的位置的三元素向量。现在我想设置我自己的位置。所以我创建了一个三元素向量。varnew_pos=THREE.Vector3();new_pos.x=1;new_pos.y=2;new_pos.z=3;childobject.m

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 - 标记不会出现在 Leaflet 的连续世界中

当我设置选项continuousWorld=true时,标记不会显示在克隆的图block上,只会显示在主世界上。它是设计行为吗?可能是我没有注意到的其他选项来显示这些标记的存在?UPD:我的目标是在每个世界上重复标记,如下图所示。我调查了continuousWorld和worldcopyjump不适合这个。那么是否可以使传单像图片上那样工作? 最佳答案 不幸的是,据我所知,没有自动和开箱即用的解决方案可以复制Leaflet世界相邻副本上的所有内容(标记、矢量等)。Tomislav提出的最简单的技巧是手动生成内容的额外副本,偏移360

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

javascript - 在信息窗口谷歌地图中调用javascript

我正在尝试在谷歌地图infoWindow()中调用javascript。我知道这是一个经典问题。我在stackoverflow中阅读了很多类似的问题,但我找不到解决方案:(我的代码:RectangleOverlay#map{width:1200px;height:700px;}functioninit(){varmyOptions={center:newgoogle.maps.LatLng(38.122404,23.862591),zoom:3,mapTypeId:google.maps.MapTypeId.ROADMAP};varmap=newgoogle.maps.Map(docu

javascript - 谷歌地图信息窗口的自定义样式(背景)

我正在使用谷歌地图构建map,但遇到了问题。我正在尝试设置当某些用户单击图钉时打开的信息窗口的样式。我的问题是它确实有效,但它在窗口本身的父div上呈现出奇怪的效果(当有人多次单击我的窗口时,窗口显示一个奇怪的白色边框,这是背景的颜色我的div的父亲具有一类gm-style-iw)。我的代码如下:我的脚本:functioninitMap(){varstyledMapType=newgoogle.maps.StyledMapType([{mycustomstyle}]);varmycompany={lat:44.348534,lng:-79.669197};varmap=newgoogl