草庐IT

javascript - 传单仅加载一个图 block

我对Leaflet有一个问题,它实际上阻碍了我的整个工作。由于某些我无法解释的原因,Leaflet的UI已正确加载到我的英特尔XDK应用程序中,但只加载了一个map图block-相同的代码在另一个测试应用程序中工作!现在,我已经尽力了,我希望这里有人能解决我的问题。为了更好地理解,这是我的leaflet.js中的代码(它不是leaflet.js,因为我使用leaflet-src.js作为脚本)和屏幕截图应用程序的map窗口。functioninitLeaflet(){document.getElementById("map").setAttribute("style","height:

javascript - JS传单: How to pass (Geo-)json ID to on click event?

我的djangoweb应用程序应该执行以下操作:将Geojson对象传递给View,使用传单映射点,并在用户单击点标记时显示一些附加信息。我不太熟悉js,所以我无法将正确类型的数据绑定(bind)到click事件。这是一个示例geojson对象。如何使用我的click事件访问“id”?vargeojsonFeature={'geometry':{'type':'MultiPoint','coordinates':[[4.939,52.33],[4.9409,52.33]]},'type':'Feature','properties':{'id':'52','popupContent':

javascript - 传单不连贯地绘制瓷砖

我正在实例化一张传单map,但图block基本上散布在整个页面上-虽然map在一个div中,但大多数图block都没有遵守该边界:JavaScript归结为:mapOptions={attributionControl:true,center:{lat:38.573955lng:-121.442478},centerpoint:"38.573955,-121.442478",layers:{},maptype:"Terrain",scrollWheelZoom:false,zoom:8}varmap=L.map("Map_5333811_16",mapOptions);什么会导致图bl

javascript - 创建 Leaflet 自定义复选框控件

我想创建一个自定义复选框控件,它将简单地在jquery/javascript中设置一个标志:如果选中标志='clustered'或如果未选中标志='unclustered'。到目前为止,我在map上有一个控件,但它不是一个复选框,我如何获取复选框的状态-如果它已选中/未选中。代码:functionMapShowCommand(){alert("checked/unchecked");//setflag}L.Control.Command=L.Control.extend({options:{position:'topleft',},onAdd:function(map){varcont

javascript - ionic /Angular 传单指令 - 放大/缩小按钮不起作用

传单map上的默认放大/缩小按钮有一些问题。当我直接加载页面时一切正常,但是当我将一个状态更改为声明传单指令是按钮的状态时,它就不起作用了。举个例子http://codepen.io/anon/pen/JkyEg?editors=101代码:HTMLLeafletexample{{location.name}}LocationsJSangular.module('app',['ionic','leaflet-directive']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('loca

javascript - 为什么 push 显示 argument of type 'any[]' is not assignable to parameter of type 'never' 错误?

在这段代码中我得到了休闲错误:Argumentoftype'any[]'isnotassignabletoparameteroftype'never'varmarkers:[];this.Getlapoints(this.map.getCenter(),500000).then(data=>{for(varkeyindata){Leaflet.marker(data[key].location,//{icon:greenIcon}).addTo(this.map).bindPopup(data[key].caption);//markers.push(data[key].locatio

javascript - Leaflet - 可拖动标记和坐标以字段形式显示

我必须做一个可拖动的标记,它的坐标应该显示在字段中。它将成为PHP联系表单的一部分。我创建了一个可拖动的标记,帮助我现在做什么。varmarker=L.marker(newL.LatLng(53.471,18.744),{draggable:true}).addTo(map);http://jsfiddle.net/xTh5U/这是GoogleMapsAPI中的示例,我需要在Leaflet中使用相同的示例。 最佳答案 您应该使用L.Marker的dragend事件,这样您就知道拖动已经结束,然后使用L.Marker的getLatLn

javascript - 传单.js : How to remove multiple layers from map

我正在使用Leaflet.js制作map。现在我想从map中删除添加的图层。通过单击输入#button,所有选中的复选框都应更改为未选中,并且所有相应的层都将从map中删除。要从map中删除图层,需要图层的ID。此id等于相应复选框的id。这就是为什么我使用jQuery获取所有选中复选框的ID并将它们的值存储在一个对象中,这里称为someObj.idsChecked。当我尝试使用存储值val删除一层时,它不起作用,而console.log显示所需的值。这里例如:mapcat52。虽然将以前的id硬编码插入函数,如map.removeLayer(mapcat52),但它按预期工作。我的代

javascript - LeafletJS : How to use L. leafletjs 中的 Routing.itinerary 和路线上的悬停事件?

varmymap=L.map('mapid').setView([1.369115,103.845436],12);L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/dark-v9/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1IjoibmF5dGh1cmFvaG5teWludCIsImEiOiJjajMxN25pNjMwMDFxMndvNzZhb2xqZmxxIn0._RFHs1Tj81KAk7u-5CJ6bA',{attribution:'MyOffice',maxZoom:18,id:'

javascript - 矩阵变换 : Converting SVG path coordinates to Leaflet coordinate system

简短版本:如何将SVG路径添加到Leafletmap,以便在map坐标更改时(例如缩放更改或滑动时)路径会更新?长版:你好,我有一个地形image包含建筑轮廓。对图像进行地理校正后,我使用Photoshop将栅格数据转换为SVG.我知道描述SVG周边的边界框的地理坐标,并且知道SVG路径元素的内部坐标。我想知道现在将上面SVG的路径元素中描述的建筑物添加到Leafletmap的最佳方法。这是一个fiddle,它以红色显示SVG图像的边界框,以蓝色显示建筑物:http://jsfiddle.net/duhaime/4vL925Lj/如您所见,建筑物尚未根据边界框正确定向。我最初对齐建筑物