{"id":330,"date":"2020-07-26T19:39:33","date_gmt":"2020-07-26T11:39:33","guid":{"rendered":"https:\/\/wp.dj47.top\/?p=330"},"modified":"2021-10-20T16:16:17","modified_gmt":"2021-10-20T08:16:17","slug":"js%e5%ae%9e%e7%8e%b0%e9%ab%98%e5%be%b7%e5%ae%9a%e4%bd%8d","status":"publish","type":"post","link":"https:\/\/www.djlog.cn\/?p=330","title":{"rendered":"JS\u5b9e\u73b0\u9ad8\u5fb7\u5b9a\u4f4d"},"content":{"rendered":"<pre class=\"language-javascript\"><code>&lt;!-- \u9ad8\u5fb7\u5730\u56feAPI --&gt;\r\n&lt;script src=\"http:\/\/webapi.amap.com\/maps?v=1.4.0&amp;key=652cb5e359dec828c45ef309178247f0&amp;callback=init\"&gt;&lt;\/script&gt;\r\n\r\n&lt;script&gt;\r\n    var lng; \/\/\u7ecf\u5ea6\r\n    var lat; \/\/\u7eac\u5ea6\r\n    var formatted_address; \/\/\u5b9a\u4f4d\u5730\u5740\r\n\r\n    \/\/\u521d\u59cb\u5316\r\n    function init() {\r\n        var map, geolocation;\r\n        \/\/        \u5b9e\u4f8b\u5316\u5730\u56fe\r\n        var map = new AMap.Map('container', {\r\n            \/\/            resizeEnable: true,\r\n        });\r\n        \/\/        \u914d\u7f6e\u63d2\u4ef6AMap.Geolocation\r\n        map.plugin('AMap.Geolocation', function() {\r\n            geolocation = new AMap.Geolocation({\r\n                enableHighAccuracy: false, \/\/\u662f\u5426\u4f7f\u7528\u9ad8\u7cbe\u5ea6\u5b9a\u4f4d\uff0c\u9ed8\u8ba4:true\r\n                timeout: 10000, \/\/\u8d85\u8fc710\u79d2\u540e\u505c\u6b62\u5b9a\u4f4d\uff0c\u9ed8\u8ba4\uff1a\u65e0\u7a77\u5927\r\n                maximumAge: 0, \/\/\u5b9a\u4f4d\u7ed3\u679c\u7f13\u5b580\u6beb\u79d2\uff0c\u9ed8\u8ba4\uff1a0\r\n                convert: true, \/\/\u81ea\u52a8\u504f\u79fb\u5750\u6807\uff0c\u504f\u79fb\u540e\u7684\u5750\u6807\u4e3a\u9ad8\u5fb7\u5750\u6807\uff0c\u9ed8\u8ba4\uff1atrue\r\n                showButton: true, \/\/\u663e\u793a\u5b9a\u4f4d\u6309\u94ae\uff0c\u9ed8\u8ba4\uff1atrue\r\n                buttonPosition: 'LB', \/\/\u5b9a\u4f4d\u6309\u94ae\u505c\u9760\u4f4d\u7f6e\uff0c\u9ed8\u8ba4\uff1a'LB'\uff0c\u5de6\u4e0b\u89d2\r\n                buttonOffset: new AMap.Pixel(10, 20), \/\/\u5b9a\u4f4d\u6309\u94ae\u4e0e\u8bbe\u7f6e\u7684\u505c\u9760\u4f4d\u7f6e\u7684\u504f\u79fb\u91cf\uff0c\u9ed8\u8ba4\uff1aPixel(10, 20)\r\n                showMarker: true, \/\/\u5b9a\u4f4d\u6210\u529f\u540e\u5728\u5b9a\u4f4d\u5230\u7684\u4f4d\u7f6e\u663e\u793a\u70b9\u6807\u8bb0\uff0c\u9ed8\u8ba4\uff1atrue\r\n                showCircle: true, \/\/\u5b9a\u4f4d\u6210\u529f\u540e\u7528\u5706\u5708\u8868\u793a\u5b9a\u4f4d\u7cbe\u5ea6\u8303\u56f4\uff0c\u9ed8\u8ba4\uff1atrue\r\n                panToLocation: true, \/\/\u5b9a\u4f4d\u6210\u529f\u540e\u5c06\u5b9a\u4f4d\u5230\u7684\u4f4d\u7f6e\u4f5c\u4e3a\u5730\u56fe\u4e2d\u5fc3\u70b9\uff0c\u9ed8\u8ba4\uff1atrue\r\n                zoomToAccuracy: true \/\/\u5b9a\u4f4d\u6210\u529f\u540e\u8c03\u6574\u5730\u56fe\u89c6\u91ce\u8303\u56f4\u4f7f\u5b9a\u4f4d\u4f4d\u7f6e\u53ca\u7cbe\u5ea6\u8303\u56f4\u89c6\u91ce\u5185\u53ef\u89c1\uff0c\u9ed8\u8ba4\uff1afalse\r\n            });\r\n            map.addControl(geolocation);\r\n            geolocation.getCurrentPosition();\r\n            AMap.event.addListener(geolocation, 'complete', onComplete); \/\/\u8fd4\u56de\u5b9a\u4f4d\u4fe1\u606f\r\n            AMap.event.addListener(geolocation, 'error', onError); \/\/\u8fd4\u56de\u5b9a\u4f4d\u51fa\u9519\u4fe1\u606f\r\n            \/\/  \u628a\u5f53\u524d\u7684\u4f4d\u7f6e\u4fe1\u606f\u653e\u5230\u9875\u9762\u4e2d\r\n            function onComplete(data) {\r\n                lng = data.position.lng; \/\/\u7ecf\u5ea6\r\n                lat = data.position.lat; \/\/\u7eac\u5ea6\r\n                var location = lng + ',' + lat;\r\n                \/\/\u6839\u636e\u5750\u6807\u83b7\u53d6\u5730\u5740\r\n                $.ajax({\r\n                    type: \"get\",\r\n                    async: false, \/\/\u8bbe\u7f6e\u4e3a\u540c\u6b65\u8bf7\u6c42,\u9632\u6b62\u8d4b\u503c\u5931\u8d25\r\n                    url: \"https:\/\/restapi.amap.com\/v3\/geocode\/regeo\",\r\n                    data: {\r\n                        output: 'json',\r\n                        location: location,\r\n                        key: '652cb5e359dec828c45ef309178247f0',\r\n                        radius: 1000,\r\n                        extensions: 'base'\r\n                    },\r\n                    dataType: \"json\",\r\n                    success: function(data) {\r\n                        \/\/\u8bbe\u7f6e\u8be6\u7ec6\u5730\u5740\r\n                        \/\/$(\"#formatted_address\").val(data.regeocode.formatted_address);\r\n                        formatted_address = data.regeocode.formatted_address;\r\n                    }\r\n                });\r\n                $('#container').html(data.formattedAddress)\r\n            }\r\n            \/\/            \u5982\u679c\u62a5\u9519\u628a\u62a5\u9519\u4fe1\u606f\u8f93\u51fa\r\n            function onError(data) {\r\n                console.log(data)\r\n            }\r\n\r\n        });\r\n    }<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!&#8211; \u9ad8\u5fb7\u5730\u56feAPI &#8211;&gt; &lt;script src=&#8221;http:\/\/webapi.am [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[22],"class_list":["post-330","post","type-post","status-publish","format-standard","hentry","category-6","tag-js"],"_links":{"self":[{"href":"https:\/\/www.djlog.cn\/index.php?rest_route=\/wp\/v2\/posts\/330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.djlog.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.djlog.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.djlog.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.djlog.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=330"}],"version-history":[{"count":0,"href":"https:\/\/www.djlog.cn\/index.php?rest_route=\/wp\/v2\/posts\/330\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.djlog.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.djlog.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.djlog.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}