draftsight+qgis+mapshaper+leftlet做web地图

DraftSight : dwg==>dxf

QGIS:插件dxf=>shp ,坐标选EPSG:3857

QGIS:插件 矢量->GeoProcessing Tool ->Affine  ==>把图像移动到(0,0)点

QGIS:选择图层另存为geojson,坐标选EPSG:4326

MapShaper

http://mapshaper.org/

geojson==>小尺寸geojson

修改geojson文件,加上var geo=...

用leaflet显示:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>sample geojson</title>
	<link rel="stylesheet" href="./leaflet-0.7.2/leaflet.css" />
	<script src="./leaflet-0.7.2/leaflet.js"></script>
	<style>
		#map { height: 400px; }
	</style>
</head>
<body>
	<div id="map"></div>
	<script src="./kjg-simple.json"></script>
	<script type="text/javascript">
	var map = L.map('map',{}).setView([0, 0],10 );
	var jsonLayer=L.geoJson(geo,{
		style: function (feature) {
        	return {
	            weight: 1,
	            color: "#999",
	            opacity: 1
        	};
    	}	
	});
	jsonLayer.addTo(map);
	map.fitBounds(jsonLayer.getBounds());
	map.setMaxBounds(jsonLayer.getBounds());
	</script>
	
</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值