leaflet 地图画圆

来源：互联网发布：程序员用英语怎么说编辑：程序博客网时间：2024/05/15 19:22

<!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>

0 0