高德地图API实现自定义创建多个可拉伸锚点矩形。_微信小程序集成高德地图如何在每个标注下面显示文字资源-CSDN文库

共3个文件

html：1个

css：1个

js：1个

高德地图API

高德自定义矩形

需积分: 50 147 浏览量 2020-03-19 15:07:50 上传评论 1 收藏 9KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

demo.zip （3个子文件）

demo

script.js 14KB

style.css 8KB

index.html 3KB

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>Document</title>  <link rel="stylesheet" href="./style.css"></link>  <script src="https://webapi.amap.com/maps?v=1.4.15&key=4ac4ce022a4674764cdcc0da33ec6796&plugin=AMap.PolyEditor"></script>  <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script> </head> <body>  <div id="container"></div>  <div class="operationPanel">  <ul class="listDynamic"></ul>  <button class="btn" id="addLayer">新增配送区域</button> </div>  <div class="bottomBtnBox">  <button class="btns" id="startEdit">开始编辑</button>  <button class="btns" id="endEdit">结束保存</button> </div> <script> /** 从后台来过来的数据 */ var data = [ { /** 区域名称 */ regionName: '1', /** 起送价 */ startPrice: '100.00', /** 配送费 */ deliveryPrice: '200.00', /** 经纬度数组存放 */ lngLatArr: [ { Q: 28.680989608029595, R: 115.88702574402947, lng: 115.887026, lat: 28.68099, }, { Q: 28.671996391970406, R: 115.88702574402947, lng: 115.887026, lat: 28.671996, }, { Q: 28.671996391970406, R: 115.89727625597055, lng: 115.897276, lat: 28.671996, }, { Q: 28.680989608029595, R: 115.89727625597055, lng: 115.897276, lat: 28.68099, } ], } ]; /** 发送 http 请求到后端 */ var httpMethod = function (data) { console.log(data) } </script>  <script src="./script.js"></script> </body> </html>

评论收藏

内容反馈