leaflet 地图画圆

最新推荐文章于 2024-07-25 17:06:07 发布

Marktubbu

最新推荐文章于 2024-07-25 17:06:07 发布

阅读量6.1k

点赞数 1

分类专栏： le 文章标签： leaflet circle dashArray

本文链接：https://blog.csdn.net/sensation_cyq/article/details/51940554

版权

le 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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