leaflet调用openstreetmap实现三角形区域绘制标注提示层效果代码-html代码-BFW代码库

leaflet调用openstreetmap实现三角形区域绘制标注提示层效果代码

代码语言：html

所属分类：其他

代码描述：leaflet调用openstreetmap实现三角形区域绘制标注提示层效果代码

代码标签： leaflet openstreetmap 三角形区域绘制标注提示层

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head lang="en">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/leaflet.1.6.0.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/leaflet.1.6.0.js"></script>

    <style>
        #mapDiv { height: 1000px; }
    </style>

</head>

<body>
    <div id="mapDiv"></div>
    <script>
        //初始化 地图
        var leafletMap = L.map('mapDiv').setView([41, 123], 5);
        //将图层加载到地图上，并设置最大的聚焦还有map样式
         var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
        layer.addTo(leafletMap);
         
         
        //增加一个marker ，地图上的标记，并绑定了一个popup，默认打开
        L.marker([41, 123]).addTo(leafletMap)
                .bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
        /.........完整代码请登录后点击上方下载按钮下载查看