您的位置：首页 > 其它

leaflet 地图画圆

2016-07-18 11:31 330 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="//cdn.leafletjs.com/leaflet/v1.0.0-rc.1/leaflet.css"/>
<!-- <link rel="stylesheet" href="//cdn.amazeui.org/amazeui/2.7.0/css/amazeui.min.css" />-->
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<!--    <script src="//cdn.amazeui.org/amazeui/2.7.0/js/amazeui.min.js"></script>-->
<script src="//cdn.leafletjs.com/leaflet/v1.0.0-rc.1/leaflet.js"></script>
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
</head>
<body>

<div >
<div id="map" style="height: 1080px;width: 1920px">8</div>
</div>

<script>

var map = L.map('map', {
zoomControl: false,
center: [39.85, 116.4],
zoom: 12
});
L.circle([39.85, 116.4], 12000, {
color: 'red',//颜色
fillColor: '#f03',
fillOpacity:0,//透明度
dashArray: '5'  //设置虚线
}).addTo(map);
L.tileLayer('http://webrd0{s}.is.autonavi.com/appmaptile?' +
'lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
{subdomains: ["1", "2", "3", "4"]}).addTo(map);
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： leaflet circle dashArray

相关文章推荐

新的分享

章节导航