web开发如何使用百度地图API(一)判断点是否在范围内

2021-03-28 17:26

阅读:367

标签:function   tab   开发者   zoom   point   使用   javascrip   res   code   

准备工作

  • 注册开发者
  • 创建应用
  • 拿到百度地图ak

前端实现方案

引入百度地图API和工具类库

  

显示地图的HTML

body>
div style="float:left;width:600px;height:500px;border:1px solid gray" id="container">div>
div style="float:left;width:300px;height:500px;border:1px solid gray" id="control">
    table style="width:100%;">
        tr>
            td colspan="2">判断是否在区域内:td>
        tr>
        tr>
            td>input type="button" value="点击打开范围" onclick="polygon()" />td>
        tr>
        tr>
            td>经度input type="text" value="" id="lng">td>
        tr>
        tr>
            td>纬度input type="text" value="" id="lat">td>
        tr>
        tr>
            td>结果:td>
        tr>
        tr>
            td>p id="result" style="color:red">p>td>
        tr>
        table>
div>
body>

生成多边形以及判断点击的点是否在范围内的JS

 

web开发如何使用百度地图API(一)判断点是否在范围内

标签:function   tab   开发者   zoom   point   使用   javascrip   res   code   

原文地址:https://www.cnblogs.com/meng-ma-blogs/p/9318439.html


评论


亲,登录后才可以留言!