摘要:
1.popup中添加图表信息 2.echat以控件形式添加在map中 3.以marker形式添加在map demo源码地址:https://github.com/shitao1988/leaflet-echartmarker 阅读全文
摘要:
在已有的Control.Loading控件基础上结合CSS3 animation属性实现.nz-loading .nz-loader{ display: block; -webkit-animation: shift-rightwards 3s ease-in-out infinite;... 阅读全文
摘要:
L.Control所有leaflet控制的基础类。继承自IControl接口。 你可以这样添加控件:control.addTo(map);// the same asmap.addControl(control);构造器构造器使用描述L.Control( options? ) new L.Control(…) L.control(…) 通过给定的选项创建一个控制。 Options选项类型默认值描述 positionString'topright'控制初始的位置(在地图的某一角)。参见 control positions. Methods方法返回值描述 setPosition( 阅读全文
摘要:
L.MapAPI各种类中的核心部分,用来在页面中创建地图并操纵地图.使用 example// initialize the map on the "map" div with a given center and zoomvar map = L.map('map', { center: [51.505, -0.09], zoom: 13});构造器构造器使用描述L.Map( id, options? ) new L.Map(…) L.map(…) 通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象,其中文字对象是可选的。 OptionsMap 阅读全文
摘要:
本人建了一个Leaflet交流群:Leaflet&WebGIS331437754接着上篇我们在地图中添加一个marker,非常简单只需添加如下代码即可:var marker = L.marker([30, 118]).addTo(map);Demo:http://jsfiddle.net/shitao1988/KDr4B/1/给这个marker添加一个弹出框var marker = L.marker([30, 118]).addTo(map).bindPopup("中国安徽黄山.").openPopup();结果如下:设置Marker相关属性项:{draggable 阅读全文
摘要:
code: 简单介绍: L.map是在页面上创建地图并操控它的只要方法。L.map('map').setView([30, 118], 4)其形式相当于:L.map( *id*, *options*? ) L.tileLayer用于在地图中加载瓦片(示例加载mapabc的瓦片)。L.tileLayer('http://{s}.mapabc.com/mapabc/maptile?&x={x}&y={y}&z={z}', { subdomains: ["emap1", "emap2", "em 阅读全文
摘要:
在找leaflet和wfs的相关知识中 看到了这一效果 感觉不错:这个效果的实现主要使用了JqueryUI的draggable和leaflet的containerPointToLatLng(可由屏幕坐标返回地理坐标)方法// Drag & Drop $(".drag").draggable({ helper: 'clone', containment: 'map', start: function(evt, ui) { $('#box').fadeTo('fast', 0.6, function() { 阅读全文
摘要:
今天试用了一下ol3,效果很是不错!ol3中有个ol.Overlay,使用这个类我们可以在地图中添加各种html要素。下面我们在地图中添加一个饼图html中添加一个div容器: canvasDiv绑定到地图中: var pie = new ol.Overlay({ position: pos, positioning: ol.OverlayPositioning.CENTER_CENTER, element: document.getElem... 阅读全文
摘要:
Postgres 9.2, PostGIS 2.0 and pgRouting 2.0 支持32、64下载地址:http://winnie.postgis.net/download/windows/pg92/buildbot/pgRouting 2.0 for Windows quick guide 阅读全文
摘要:
1.首先我们对矢量数据进行切片 可使用tilestachewin7下使用TileStache生成geojson格式的Tiles这个是预先切好的数据也可以实时去获取切片数据(使用OL-- utfgrid)详见http://blog.perrygeo.net/2012/02 ... ers-and-tilestache/2.下面讲下在Openlayers中如何加载预先切好的数据添加OL的策略拓展文件 OpenLayers.Strategy.Grid.js加载图层:var style = new OpenLayers.Style(); var ruleAmenity = new O... 阅读全文