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

准备工作

  • 注册开发者
  • 创建应用
  • 拿到百度地图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

 

转载于:https://www.cnblogs.com/meng-ma-blogs/p/9318439.html

你可能感兴趣的:(java,javascript,前端)