{"id":31761,"date":"2024-11-25T16:01:42","date_gmt":"2024-11-25T08:01:42","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31761\/"},"modified":"2024-11-25T16:01:42","modified_gmt":"2024-11-25T08:01:42","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f-%e9%ab%98%e5%be%b7%e5%9c%b0%e5%9b%besdk%e7%9a%84%e8%a7%a3%e6%9e%90","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31761\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u9ad8\u5fb7\u5730\u56feSDK\u7684\u89e3\u6790"},"content":{"rendered":"

\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u9ad8\u5fb7\u5730\u56fe\u8be6\u89e3\u53ca\u7b80\u5355\u5b9e\u4f8b\uff08\u6e90\u7801\u4e0b\u8f7d\uff09\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b<\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u9ad8\u5fb7\u5730\u56feSDK\uff1a<\/strong><\/p>\n

\u7b80\u4ecb<\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f SDK \u5e2e\u60a8\u5728\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u83b7\u53d6\u9ad8\u5fb7\u4e30\u5bcc\u7684\u5730\u5740\u63cf\u8ff0\u3001POI\u548c\u5b9e\u65f6\u5929\u6c14\u6570\u636e\u3002<\/p>\n

\u529f\u80fd\u4ecb\u7ecd<\/p>\n\n\n\n
\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n<\/td>\n

<\/td>\n\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u8d26\u53f7\u4e0eKey\u7684\u7533\u8bf7<\/p>\n

\u6ce8\u518c\u6210\u4e3a\u9ad8\u5fb7\u5f00\u53d1\u8005\u9700\u8981\u5206\u4e09\u6b65\uff1a<\/p>\n

\u7b2c\u4e00\u6b65\uff0c\u6ce8\u518c\u9ad8\u5fb7\u5f00\u53d1\u8005\uff1b\u7b2c\u4e8c\u6b65\uff0c\u53bb\u63a7\u5236\u53f0\u521b\u5efa\u5e94\u7528\uff1b\u7b2c\u4e09\u6b65\uff0c\u83b7\u53d6Key\u3002<\/p>\n

1\u6ce8\u518c\u9ad8\u5fb7\u5f00\u53d1\u8005<\/p>\n

2\u521b\u5efa\u5e94\u7528<\/p>\n

3\u83b7\u53d6API key<\/p>\n

\u83b7\u53d6API Key<\/p>\n

\u5165\u95e8\u6307\u5357<\/strong><\/p>\n

\u6700\u540e\u66f4\u65b0\u65f6\u95f4: 2017\u5e741\u67089\u65e5<\/p>\n

\u672c\u6307\u5357\u662f\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8fSDK\u7684\u5feb\u901f\u5165\u95e8\u6307\u5357\u3002<\/p>\n

\u7b2c 1 \u6b65\uff1a\u4e0b\u8f7d\u5e76\u5b89\u88c5\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5de5\u5177<\/p>\n

\u6309\u7167\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6587\u6863\u4e0b\u8f7d\u5e76\u5b89\u88c5\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\u3002<\/p>\n

\u7b2c 2 \u6b65\uff1a\u83b7\u53d6\u9ad8\u5fb7Key<\/p>\n

\u70b9\u6211\u83b7\u53d6Key>><\/p>\n

\u70b9\u6211\u67e5\u770b\u7533\u8bf7\u9ad8\u5fb7Key\u7684\u65b9\u6cd5>><\/p>\n

\u7b2c 3 \u6b65\uff1a\u521b\u5efa\u9879\u76ee<\/p>\n

\u6309\u4ee5\u4e0b\u6b65\u9aa4\u65b0\u5efa\u4e00\u4e2a\u672c\u5730\u5c0f\u7a0b\u5e8f\u9879\u76ee\u3002<\/p>\n

1\u3001\u542f\u52a8 “\u5fae\u4fe1web\u5f00\u53d1\u8005\u5de5\u5177”\uff0c\u4f7f\u7528\u5fae\u4fe1\u626b\u63cf\u4e8c\u7ef4\u7801\u540e\uff0c\u5e76\u5728\u5fae\u4fe1\u4e0a\u70b9\u51fb “\u786e\u8ba4\u767b\u5f55” \u6309\u94ae\u540e\u767b\u5f55\u5230\u5f00\u53d1\u5de5\u5177\u3002<\/p>\n

2\u3001\u70b9\u51fb “\u672c\u5730\u5c0f\u7a0b\u5e8f\u9879\u76ee” \u6309\u94ae\u9009\u62e9\u8c03\u8bd5\u7c7b\u578b\u3002<\/p>\n

3\u3001\u70b9\u51fb “+” \u6309\u94ae\uff0c\u6dfb\u52a0\u9879\u76ee\u3002<\/p>\n

4\u3001\u4f9d\u6b21\u8f93\u5165 AppID\uff08\u83b7\u53d6\u65b9\u6cd5\u8bf7\u53c2\u8003\uff1a\uff09\uff0c\u9879\u76ee\u540d\u79f0\uff0c\u9009\u62e9\u9879\u76ee\u76ee\u5f55\uff0c\u5e76\u52fe\u9009 “\u5728\u5f53\u524d\u76ee\u5f55\u4e2d\u521b\u5efa quick start \u9879\u76ee”\uff0c\u7136\u540e\u70b9\u51fb “\u6dfb\u52a0\u9879\u76ee” \u6309\u94ae\uff0c\u91cd\u65b0\u767b\u5f55\u5fae\u4fe1\u516c\u4f17\u5e73\u53f0\uff0c\u5b8c\u6210\u9879\u76ee\u521b\u5efa\u3002\u76f8\u5173\u4e0b\u8f7d\u9875\u9762\u4e0b\u8f7d\u5f00\u53d1\u5305\u5e76\u89e3\u538b\u3002<\/p>\n

\u7b2c 4 \u6b65\uff1a\u4e0b\u8f7d\u5e76\u5b89\u88c5\u5fae\u4fe1\u5c0f\u7a0b\u5e8fSDK<\/p>\n

\u4ece\u76f8\u5173\u4e0b\u8f7d\u9875\u9762\u4e0b\u8f7d\u5f00\u53d1\u5305\u5e76\u89e3\u538b\u3002<\/p>\n

\u89e3\u538b\u540e\u5f97\u5230 amap-wx.js \u6587\u4ef6\uff0c\u5728\u521b\u5efa\u7684\u9879\u76ee\u4e2d\uff0c\u65b0\u5efa\u4e00\u4e2a\u540d\u4e3a libs \u76ee\u5f55\uff0c\u5c06 amap-wx.js \u6587\u4ef6\u62f7\u8d1d\u5230 libs \u7684\u672c\u5730\u76ee\u5f55\u4e0b\uff0c\u5b8c\u6210\u5b89\u88c5\u3002<\/p>\n

\u7b2c 5 \u6b65\uff1a\u8bbe\u7f6e\u5b89\u5168\u901a\u8baf\u57df\u540d<\/p>\n

\u4e3a\u4e86\u4fdd\u8bc1\u9ad8\u5fb7\u5c0f\u7a0b\u5e8f SDK \u4e2d\u63d0\u4f9b\u7684\u529f\u80fd\u7684\u6b63\u5e38\u4f7f\u7528\uff0c\u9700\u8981\u8bbe\u7f6e\u5b89\u5168\u57df\u540d\u3002<\/p>\n

\u767b\u5f55\u5fae\u4fe1\u516c\u4f17\u5e73\u53f0\uff0c\u5728 “\u8bbe\u7f6e”\uff0d>”\u5f00\u53d1\u8bbe\u7f6e” \u4e2d\u8bbe\u7f6e request \u5408\u6cd5\u57df\u540d\uff0c\u5c06 https:\/\/restapi.amap.com <\/span>\u4e2d\u6dfb\u52a0\u8fdb\u53bb\uff0c\u5982\u4e0b\u56fe\u6240\u793a\uff1a<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n

\u7b2c 6 \u6b65\uff1aHello AMapWX<\/p>\n

1\u3001\u521b\u5efa\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\u3002<\/p>\n

\u82e5\u5728\u521b\u5efa\u9879\u76ee\u65f6\uff0c\u52fe\u9009\u4e86”\u5728\u5f53\u524d\u76ee\u5f55\u4e2d\u521b\u5efa quick start \u9879\u76ee”\uff0c\u53ef\u76f4\u63a5\u8df3\u8fc7\u6b64\u6b65\u9aa4\uff0c\u5426\u5219\u8bf7\u53c2\u8003\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6587\u6863\u8fdb\u884c\u5c0f\u7a0b\u5e8f\u793a\u4f8b\u521b\u5efa\u3002<\/p>\n

2\u3001\u8bbe\u7f6e index.js \u6587\u4ef6\u3002<\/p>\n

index.js \u5728\u9879\u76ee\u7a7a\u95f4\u7684 page\/index \u76ee\u5f55\u4e0b\uff0c\u662f\u9875\u9762\u7684\u811a\u672c\u6587\u4ef6\uff0c\u5728\u8fd9\u4e2a\u6587\u4ef6\u4e2d\u5b8c\u6210\u76d1\u542c\u5e76\u5904\u7406\u9875\u9762\u7684\u751f\u547d\u5468\u671f\u51fd\u6570\uff0c\u58f0\u660e\u5e76\u5904\u7406\u6570\u636e\uff0c\u54cd\u5e94\u9875\u9762\u4ea4\u4e92\u4e8b\u4ef6\u7b49\u3002<\/p>\n

\u9996\u5148\uff0c\u5728 index.js \u4e2d\u5f15\u5165 amap-wx.js \u6587\u4ef6\u3002<\/p>\n<\/p>\n

var amapFile = require('path\/to\/amap-wx.js');\/\/\u5982\uff1a..\u00ad\/..\u00ad\/libs\/amap-wx.js<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7136\u540e\uff0c\u5728 index.js \u4e2d\u5b9e\u4f8b\u5316 AMapWX \u5bf9\u8c61\uff0c\u8c03\u7528 getPoiAround \u65b9\u6cd5\uff0c\u83b7\u53d6POI\u6570\u636e\u3002<\/p>\n
\u4e3a\u4fdd\u8bc1 marker \u4ee5\u81ea\u5b9a\u4e49\u7684\u56fe\u6807\u663e\u793a\uff0c\u9700\u5728\u9879\u76ee\u4e2d\u65b0\u5efa img \u76ee\u5f55\uff0c\u5e76\u5c06 marker \u5bf9\u5e94\u7684\u56fe\u6807\u62f7\u8d1d\u5230\u9879\u76ee\u7684\u672c\u5730\u7684 img \u76ee\u5f55\u4e2d\uff0c\u540c\u65f6\u5728 index.js \u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\uff1a<\/p>\n<\/p>\n
var markersData = [];\nPage({\n data: {\n markers: [],\n latitude: '',\n longitude: '',\n textData: {}\n },\n makertap: function(e) {\n var id = e.markerId;\n var that = this;\n that.showMarkerInfo(markersData,id);\n that.changeMarkerColor(markersData,id);\n },\n onLoad: function() {\n var that = this;\n var myAmapFun = new amapFile.AMapWX({key:'\u60a8\u7684key'});\n myAmapFun.getPoiAround({\n  iconPathSelected: '\u9009\u4e2d marker \u56fe\u6807\u7684\u76f8\u5bf9\u8def\u5f84', \/\/\u5982\uff1a..\u00ad\/..\u00ad\/img\/marker_checked.png\n  iconPath: '\u672a\u9009\u4e2d marker \u56fe\u6807\u7684\u76f8\u5bf9\u8def\u5f84', \/\/\u5982\uff1a..\u00ad\/..\u00ad\/img\/marker.png\n  success: function(data){\n  markersData = data.markers;\n  that.setData({\n   markers: markersData\n  });\n  that.setData({\n   latitude: markersData[0].latitude\n  });\n  that.setData({\n   longitude: markersData[0].longitude\n  });\n  that.showMarkerInfo(markersData,0);\n  },\n  fail: function(info){\n  wx.showModal({title:info.errMsg})\n  }\n })\n },\n showMarkerInfo: function(data,i){\n var that = this;\n that.setData({\n  textData: {\n  name: data[i].name,\n  desc: data[i].address\n  }\n });\n },\n changeMarkerColor: function(data,i){\n var that = this;\n var markers = [];\n for(var j = 0; j <p><\/p><p>2\u3001\u8bbe\u7f6e index.wxml \u6587\u4ef6\u3002<\/p><p>index.wxml \u5728\u9879\u76ee\u7a7a\u95f4\u7684 page\/index \u76ee\u5f55\u4e0b\uff0c\u8be5\u6587\u4ef6\u662f\u9875\u9762\u7ed3\u6784\u6587\u4ef6\uff0c\u7528\u6765\u642d\u5efa\u9875\u9762\u7ed3\u6784\uff0c\u7ed1\u5b9a\u6570\u636e\u548c\u4ea4\u4e92\u5904\u7406\u51fd\u6570\u7b49\u3002<\/p><p>\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a<\/p><p class=\"jb51code\"><\/p><pre class=\"brush:js;toolbar:false;\"><view>\n <map><\/map><\/view><view>\n <text>{{textData.name}}<\/text>\n <text>{{textData.desc}}<\/text><\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
3\u3001\u8bbe\u7f6e index.wxss \u6587\u4ef6\u3002<\/p>\n
index.wxss \u5728\u9879\u76ee\u7a7a\u95f4\u7684 page\/index \u76ee\u5f55\u4e0b\uff0c\u662f\u9875\u9762\u6837\u5f0f\u6587\u4ef6\u3002<\/p>\n
\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<\/p>\n
.map_container{\n position: absolute;\n top: 0;\n bottom: 80px;\n left: 0;\n right: 0;\n}\n.map{\n width: 100%;\n height: 100%;\n}\n.map_text{\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0px;\n height: 80px;\n background: #fff;\n padding: 0 15px;\n}\ntext{\n margin: 5px 0;\n display: block;\n font-size:12px;\n}\n.h1{\n margin: 15px 0;\n font-size:15px;\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7b2c 7 \u6b65\uff1a\u6784\u5efa\u548c\u624b\u673a\u9884\u89c8\u60a8\u7684\u5c0f\u7a0b\u5e8f<\/strong><\/p>\n
\u70b9\u51fb\u5de6\u4fa7\u83dc\u5355\u680f\u4e2d \u63a7\u5236\u53f0 \u6309\u94ae\uff0c\u6784\u5efa\u60a8\u7684\u5c0f\u7a0b\u5e8f\uff0c\u67e5\u770b\u8fd0\u884c\u6548\u679c\u3002<\/p>\n
\u60a8\u4e5f\u53ef\u4ee5\u9009\u62e9\u5728\u5fae\u4fe1\u4e0a\u770b\u6700\u7ec8\u7684\u6548\u679c\uff0c\u9009\u62e9\u5f00\u53d1\u5de5\u5177\u5de6\u4fa7\u83dc\u5355\u680f\u7684”\u9879\u76ee”\uff0c\u70b9\u51fb”\u9884\u89c8”\uff0c\u4f7f\u7528\u5fae\u4fe1\u626b\u7801\u540e\u5373\u53ef\u5728\u5fae\u4fe1\u5ba2\u6237\u7aef\u4e2d\u4f53\u9a8c\u3002<\/p>\n
\u83b7\u53d6Key<\/strong><\/p>\n
\u6700\u540e\u66f4\u65b0\u65f6\u95f4: 2017\u5e741\u67086\u65e5<\/p>\n
1\u3001\u8fdb\u5165\u63a7\u5236\u53f0\uff0c\u521b\u5efa\u4e00\u4e2a\u65b0\u5e94\u7528\u3002\u5982\u679c\u60a8\u4e4b\u524d\u5df2\u7ecf\u521b\u5efa\u8fc7\u5e94\u7528\uff0c\u53ef\u76f4\u63a5\u8df3\u8fc7\u8fd9\u4e2a\u6b65\u9aa4\u3002<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n
2\u3001 \u5728\u521b\u5efa\u7684\u5e94\u7528\u4e0a\u70b9\u51fb”\u6dfb\u52a0\u65b0Key”\u6309\u94ae\uff0c\u5728\u5f39\u51fa\u7684\u5bf9\u8bdd\u6846\u4e2d\uff0c\u4f9d\u6b21\uff1a\u8f93\u5165\u5e94\u7528\u540d\u540d\u79f0\uff0c\u9009\u62e9\u7ed1\u5b9a\u7684\u670d\u52a1\u5e73\u53f0\u4e3a\u201c\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u201d\uff0c\u5982\u4e0b\u56fe\u6240\u793a\uff1a<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n
\u5728\u9605\u8bfb\u5b8c\u9ad8\u5fb7\u5730\u56feAPI\u670d\u52a1\u6761\u6b3e\u540e\uff0c\u52fe\u9009\u6b64\u9009\u9879\uff0c\u70b9\u51fb\u201c\u63d0\u4ea4\u201d\uff0c\u5b8c\u6210 Key \u7684\u7533\u8bf7\uff0c\u6b64\u65f6\u60a8\u53ef\u4ee5\u5728\u6240\u521b\u5efa\u7684\u5e94\u7528\u4e0b\u9762\u770b\u5230\u521a\u7533\u8bf7\u7684 Key \u4e86\u3002<\/p>\n
\u914d\u7f6e\u5de5\u7a0b<\/strong><\/p>\n
\u6700\u540e\u66f4\u65b0\u65f6\u95f4: 2017\u5e741\u67086\u65e5<\/p>\n
\u7b2c 1 \u6b65\uff1a\u65b0\u5efa\u4e00\u4e2a\u5c0f\u7a0b\u5e8f\u9879\u76ee<\/p>\n
\u65b0\u5efa\u4e00\u4e2a\u672c\u5730\u5c0f\u7a0b\u5e8f\u9879\u76ee\uff0c\u60a8\u53ef\u53c2\u8003\u5165\u95e8\u6307\u5357\u7ae0\u8282\u3002<\/p>\n
\u7b2c 2 \u6b65\uff1a\u6dfb\u52a0 js \u6587\u4ef6<\/p>\n
\u5728\u521b\u5efa\u7684\u9879\u76ee\u4e2d\uff0c\u65b0\u5efa\u4e00\u4e2a\u540d\u4e3a libs \u76ee\u5f55\uff0c\u5c06 amap-wx.js \u6587\u4ef6\u62f7\u8d1d\u5230 libs \u7684\u672c\u5730\u76ee\u5f55\u4e0b\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n
\u83b7\u53d6POI\u6570\u636e<\/p>\n
\u6700\u540e\u66f4\u65b0\u65f6\u95f4: 2017\u5e741\u67089\u65e5<\/p>\n
\u67e5\u627e\u60a8\u5f53\u524d\u4f4d\u7f6e\u5468\u8fb9 \u201c\u9910\u996e\u670d\u52a1\u201d\u3001\u201c\u5546\u52a1\u4f4f\u5b85\u201d\u3001\u201c\u751f\u6d3b\u670d\u52a1\u201d\u7c7b\u578b\u7684POI\uff0c\u89e3\u51b3\u60a8\u7684\u5403\u7a7f\u4f4f\u884c\u95ee\u9898\u3002<\/p>\n
SDK \u8fd4\u56de marker \u6570\u7ec4\uff0c\u53ef\u4ee5\u76f4\u63a5\u7528\u6765\u5728\u5fae\u4fe1\u7684\u5730\u56fe\u7ec4\u4ef6\u4e0a\u6807\u8bb0\uff0c\u540c\u65f6\uff0c\u4e5f\u8fd4\u56de\u4e86POI\u6570\u7ec4\u7528\u4e8e\u60a8\u7684\u81ea\u5b9a\u4e49\u7684\u754c\u9762\u9875\u9762\u5c55\u793a\u3002<\/p>\n
\u5b9e\u73b0POI\u5468\u8fb9\u67e5\u8be2\u529f\u80fd\u7684\u6b65\u9aa4\u5982\u4e0b\uff1a<\/p>\n
1\u3001\u5728\u9875\u9762\u7684 js \u6587\u4ef6\u4e2d\uff0c\u5b9e\u4f8b\u5316 AMapWX \u5bf9\u8c61\uff0c\u5904\u7406\u641c\u7d22\u6570\u636e\u3002<\/p>\n
\u9996\u5148\uff0c\u5f15\u5165 amap-wx.js \u6587\u4ef6\u3002<\/p>\n<\/p>\n
var amapFile = require('path\/to\/amap-wx.js');\/\/\u5982\uff1a..\u00ad\/..\u00ad\/libs\/amap-wx.js<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7136\u540e\uff0c\u6784\u9020 AMapWX \u5bf9\u8c61\uff0c\u5e76\u8c03\u7528 getPoiAround \u65b9\u6cd5\uff0c\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<\/p>\n
Page({\n onLoad: function() {\n var that = this;\n var myAmapFun = new amapFile.AMapWX({key:'\u9ad8\u5fb7Key'});\n myAmapFun.getPoiAround({\n  success: function(data){\n  \/\/\u6210\u529f\u56de\u8c03\n  },\n  fail: function(info){\n  \/\/\u5931\u8d25\u56de\u8c03\n  console.log(info)\n  }\n })\n },\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
2\u3001\u7f16\u5199\u9875\u9762\u7684 wxml \u6587\u4ef6\uff0c\u642d\u5efa\u9875\u9762\u7ed3\u6784\u3002<\/p>\n<\/p>\n
<view>\n <!--\u5b9a\u4e49\u9875\u9762\u7ed3\u6784\uff0c\u53ef\u4ee5\u4f7f\u7528\u5730\u56fe\u7ec4\u4ef6\u4e5f\u80fd\u4f7f\u7528\u5176\u4ed6\u7ec4\u4ef6 -->\n<\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
3\u3001\u7f16\u5199\u9875\u9762\u7684 wxss \u6587\u4ef6\uff0c\u8bbe\u7f6e\u9875\u9762\u6837\u5f0f\u3002<\/p>\n<\/p>\n
.map_container{\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\u2026\u2026<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u793a\u4f8b\u5c06\u67e5\u8be2\u7ed3\u679c\u4ee5 marker \u663e\u793a\u5728\u5730\u56fe\u4e0a\uff0c\u540c\u65f6\u70b9\u51fb marker \u65f6\uff0c\u4ee5\u6587\u672c\u663e\u793a marker \u7684\u8be6\u7ec6\u4fe1\u606f\u3002\u8fd0\u884c\u7a0b\u5e8f\uff0c\u6548\u679c\u5982\u4e0b\uff1a \"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n
\u83b7\u53d6\u5730\u5740\u63cf\u8ff0\u6570\u636e<\/strong><\/p>\n
\u53ef\u4ee5\u5c06\u5b9a\u4f4d\u5730\u70b9\u7684\u8be6\u7ec6\u5730\u5740\u4fe1\u606f\uff0c\u4fbf\u4e8e\u60a8\u5feb\u901f\u7684\u627e\u5230\u51c6\u786e\u7684\u5730\u70b9\u3002<\/p>\n
\u5b9e\u73b0\u9006\u5730\u7406\u7f16\u7801\u529f\u80fd\u7684\u6b65\u9aa4\u5982\u4e0b\uff1a<\/p>\n
1\u3001\u5728\u9875\u9762\u7684 js \u6587\u4ef6\u4e2d\uff0c\u5b9e\u4f8b\u5316 AMapWX \u5bf9\u8c61\uff0c\u5904\u7406\u641c\u7d22\u6570\u636e\u3002<\/p>\n
\u9996\u5148\uff0c\u5f15\u5165 amap-wx.js \u6587\u4ef6\u3002<\/p>\n<\/p>\n
var amapFile = require('path\/to\/amap-wx.js');\/\/\u5982\uff1a..\u00ad\/..\u00ad\/libs\/amap-wx.js<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7136\u540e\uff0c\u6784\u9020 AMapWX \u5bf9\u8c61\uff0c\u5e76\u8c03\u7528 getPoiAround \u65b9\u6cd5\uff0c\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<\/p>\n
Page({\n onLoad: function() {\n var that = this;\n var myAmapFun = new amapFile.AMapWX({key:'\u9ad8\u5fb7Key'});\n myAmapFun.getRegeo({\n  success: function(data){\n  \/\/\u6210\u529f\u56de\u8c03\n  },\n  fail: function(info){\n  \/\/\u5931\u8d25\u56de\u8c03\n  console.log(info)\n  }\n })\n },\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
2\u3001\u7f16\u5199\u9875\u9762\u7684 wxml \u6587\u4ef6\uff0c\u642d\u5efa\u9875\u9762\u7ed3\u6784\u3002<\/p>\n<\/p>\n
<view>\n <!--\u5b9a\u4e49\u9875\u9762\u7ed3\u6784\uff0c\u53ef\u4ee5\u4f7f\u7528\u5730\u56fe\u7ec4\u4ef6\u4e5f\u80fd\u4f7f\u7528\u5176\u4ed6\u7ec4\u4ef6 -->\n<\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
3\u3001\u7f16\u5199\u9875\u9762\u7684 wxss \u6587\u4ef6\uff0c\u8bbe\u7f6e\u9875\u9762\u6837\u5f0f\u3002<\/p>\n<\/p>\n
.map_container{\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\u2026\u2026<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u793a\u4f8b\u5c06\u5f53\u524d\u4f4d\u7f6e\u4ee5 marker \u7684\u5f62\u5f0f\u663e\u793a\u5728\u5730\u56fe\u4e0a\uff0c\u5e76\u901a\u8fc7\u9006\u5730\u7406\u7f16\u7801\u8bf7\u6c42\uff0c\u83b7\u53d6\u8be5\u4f4d\u7f6e\u7684\u8be6\u7ec6\u7684\u5730\u5740\u4fe1\u606f\uff0c\u4ee5\u6587\u672c\u5f62\u5f0f\u663e\u793a\u3002\u8fd0\u884c\u7a0b\u5e8f\uff0c\u6548\u679c\u5982\u4e0b\uff1a \"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n
\u83b7\u53d6\u5b9e\u65f6\u5929\u6c14\u6570\u636e<\/p>\n
\u67e5\u8be2\u60a8\u5f53\u524d\u5b9a\u4f4d\u57ce\u5e02\u7684\u5b9e\u65f6\u5929\u6c14\u60c5\u51b5\uff0c\u5e2e\u52a9\u60a8\u5408\u7406\u5b89\u6392\u51fa\u884c\u3002<\/p>\n
\u5b9e\u73b0\u5929\u6c14\u67e5\u8be2\u529f\u80fd\u7684\u6b65\u9aa4\u5982\u4e0b\uff1a<\/p>\n
1\u3001\u5728\u9875\u9762\u7684 js \u6587\u4ef6\u4e2d\uff0c\u5f15\u5165amap-wx.js \u6587\u4ef6\uff0c\u5b9e\u4f8b\u5316 AMapWX \u5bf9\u8c61\uff0c\u5e76\u8c03\u7528 getWeather \u65b9\u6cd5\u83b7\u53d6\u641c\u7d22\u6570\u636e\uff0c\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<\/p>\n
var amapFile = require('path\/to\/amap-wx.js');\/\/\u5982\uff1a..\u00ad\/..\u00ad\/libs\/amap-wx.js\n \nPage({\n onLoad: function() {\n var that = this;\n var myAmapFun = new amapFile.AMapWX({key:'\u9ad8\u5fb7Key'});\n myAmapFun.getWeather({\n  success: function(data){\n  \/\/\u6210\u529f\u56de\u8c03\n  },\n  fail: function(info){\n  \/\/\u5931\u8d25\u56de\u8c03\n  console.log(info)\n  }\n })\n }\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
2\u3001\u7f16\u5199\u9875\u9762\u7684 wxml \u6587\u4ef6\uff0c\u642d\u5efa\u9875\u9762\u7ed3\u6784\u3002<\/p>\n<\/p>\n
<view>\n <!--\u5b9a\u4e49\u9875\u9762\u7ed3\u6784\uff0c\u4f7f\u7528\u6587\u672c\u7ec4\u4ef6\u6216\u5176\u4ed6\u7ec4\u4ef6 -->\n<\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
3\u3001\u7f16\u5199\u9875\u9762\u7684 wxss \u6587\u4ef6\uff0c\u8bbe\u7f6e\u9875\u9762\u6837\u5f0f\u3002<\/p>\n<\/p>\n
.container{\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: #4D8AD7;\n color: #fff;\n font-size: 18px;\n padding-top: 200rpx;\n padding-left: 150rpx;\n}\n\u2026\u2026<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u793a\u4f8b\u5c06\u5929\u6c14\u60c5\u51b5\u4ee5\u6587\u672c\u5f62\u5f0f\u663e\u793a\u3002\u8fd0\u884c\u7a0b\u5e8f\uff0c\u6548\u679c\u5982\u4e0b\uff1a<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f<\/p>\n
\u5b98\u65b9\u5730\u5740\uff1ahttp:\/\/lbs.amap.com\/api\/wx\/summary\/<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u672c\u6587\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\uff0c\u66f4\u591a\u76f8\u5173\u5185\u5bb9\u8bf7\u5173\u6ce8PHP\u4e2d\u6587\u7f51\uff01<\/p>\n
\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n
<\/p>\n
<\/p>\n<\/p>\n
<\/span><\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u9ad8\u5fb7\u5730\u56feSDK\u7684\u89e3\u6790\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u9ad8\u5fb7\u5730\u56fe\u8be6\u89e3\u53ca\u7b80\u5355\u5b9e\u4f8b\uff08\u6e90\u7801\u4e0b\u8f7d\uff09\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b \u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u9ad8\u5fb7\u5730\u56feSDK\uff1a \u7b80\u4ecb \u5fae\u4fe1\u5c0f\u7a0b\u5e8f SDK \u5e2e\u60a8\u5728\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u83b7\u53d6\u9ad8\u5fb7\u4e30\u5bcc\u7684\u5730\u5740\u63cf\u8ff0\u3001POI\u548c\u5b9e\u65f6\u5929\u6c14\u6570\u636e\u3002 \u529f\u80fd\u4ecb\u7ecd \u8d26\u53f7\u4e0eKey\u7684\u7533\u8bf7 \u6ce8\u518c\u6210\u4e3a\u9ad8\u5fb7\u5f00\u53d1\u8005\u9700\u8981\u5206\u4e09\u6b65\uff1a \u7b2c\u4e00\u6b65\uff0c\u6ce8\u518c\u9ad8\u5fb7\u5f00\u53d1\u8005\uff1b\u7b2c\u4e8c\u6b65\uff0c\u53bb\u63a7\u5236\u53f0\u521b\u5efa\u5e94\u7528\uff1b\u7b2c\u4e09\u6b65\uff0c\u83b7\u53d6Key\u3002 1\u6ce8\u518c\u9ad8\u5fb7\u5f00\u53d1\u8005 2\u521b\u5efa\u5e94\u7528 3\u83b7\u53d6API key \u83b7\u53d6API Key \u5165\u95e8\u6307\u5357 \u6700\u540e\u66f4\u65b0\u65f6\u95f4: 2017\u5e741\u67089\u65e5 \u672c\u6307\u5357\u662f\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8fSDK\u7684\u5feb\u901f\u5165\u95e8\u6307\u5357\u3002 \u7b2c 1 \u6b65\uff1a\u4e0b\u8f7d\u5e76\u5b89\u88c5\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5de5\u5177 \u6309\u7167\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6587\u6863\u4e0b\u8f7d\u5e76\u5b89\u88c5\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\u3002 \u7b2c 2 \u6b65\uff1a\u83b7\u53d6\u9ad8\u5fb7Key \u70b9\u6211\u83b7\u53d6Key>> \u70b9\u6211\u67e5\u770b\u7533\u8bf7\u9ad8\u5fb7Key\u7684\u65b9\u6cd5>> \u7b2c 3 \u6b65\uff1a\u521b\u5efa\u9879\u76ee \u6309\u4ee5\u4e0b\u6b65\u9aa4\u65b0\u5efa\u4e00\u4e2a\u672c\u5730\u5c0f\u7a0b\u5e8f\u9879\u76ee\u3002 1\u3001\u542f\u52a8 “\u5fae\u4fe1web\u5f00\u53d1\u8005\u5de5\u5177”\uff0c\u4f7f\u7528\u5fae\u4fe1\u626b\u63cf\u4e8c\u7ef4\u7801\u540e\uff0c\u5e76\u5728\u5fae\u4fe1\u4e0a\u70b9\u51fb “\u786e\u8ba4\u767b\u5f55” \u6309\u94ae\u540e\u767b\u5f55\u5230\u5f00\u53d1\u5de5\u5177\u3002 2\u3001\u70b9\u51fb “\u672c\u5730\u5c0f\u7a0b\u5e8f\u9879\u76ee” \u6309\u94ae\u9009\u62e9\u8c03\u8bd5\u7c7b\u578b\u3002 3\u3001\u70b9\u51fb “+” \u6309\u94ae\uff0c\u6dfb\u52a0\u9879\u76ee\u3002 4\u3001\u4f9d\u6b21\u8f93\u5165 AppID\uff08\u83b7\u53d6\u65b9\u6cd5\u8bf7\u53c2\u8003\uff1a\uff09\uff0c\u9879\u76ee\u540d\u79f0\uff0c\u9009\u62e9\u9879\u76ee\u76ee\u5f55\uff0c\u5e76\u52fe\u9009 “\u5728\u5f53\u524d\u76ee\u5f55\u4e2d\u521b\u5efa quick start \u9879\u76ee”\uff0c\u7136\u540e\u70b9\u51fb “\u6dfb\u52a0\u9879\u76ee” \u6309\u94ae\uff0c\u91cd\u65b0\u767b\u5f55\u5fae\u4fe1\u516c\u4f17\u5e73\u53f0\uff0c\u5b8c\u6210\u9879\u76ee\u521b\u5efa\u3002\u76f8\u5173\u4e0b\u8f7d\u9875\u9762\u4e0b\u8f7d\u5f00\u53d1\u5305\u5e76\u89e3\u538b\u3002 \u7b2c 4 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-31761","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31761"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31761\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}