{"id":3066,"date":"2023-08-28T10:09:54","date_gmt":"2023-08-28T02:09:54","guid":{"rendered":"https:\/\/xinchewhd.com.cn\/?p=3066"},"modified":"2023-08-28T10:09:54","modified_gmt":"2023-08-28T02:09:54","slug":"%e4%bd%bf%e7%94%a8vue-baidu-map%e8%b7%af%e7%ba%bf%e8%a7%84%e5%88%92-%e8%a1%8c%e9%a9%b6%e8%b7%af%e7%ba%bf%e6%b7%bb%e5%8a%a0%e4%b8%8d%e5%90%8c%e9%a2%9c%e8%89%b2-%e4%b9%8b%e6%9c%80%e7%ae%80%e5%8d%95","status":"publish","type":"post","link":"https:\/\/xinchewhd.com.cn\/index.php\/vue\/%e4%bd%bf%e7%94%a8vue-baidu-map%e8%b7%af%e7%ba%bf%e8%a7%84%e5%88%92-%e8%a1%8c%e9%a9%b6%e8%b7%af%e7%ba%bf%e6%b7%bb%e5%8a%a0%e4%b8%8d%e5%90%8c%e9%a2%9c%e8%89%b2-%e4%b9%8b%e6%9c%80%e7%ae%80%e5%8d%95\/","title":{"rendered":"\u4f7f\u7528vue-baidu-map\u8def\u7ebf\u89c4\u5212-\u884c\u9a76\u8def\u7ebf\u6dfb\u52a0\u4e0d\u540c\u989c\u8272 \u4e4b\u6700\u7b80\u5355\u6709\u6548\u7684\u65b9\u6cd5"},"content":{"rendered":"<link rel=\"stylesheet\" href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/kdoc_html_views-1a98987dfd.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/ck_htmledit_views-25cebea3f9.css\">\n<div id=\"content_views\" class=\"markdown_views prism-atom-one-dark\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\"> <path stroke-linecap=\"round\" d=\"M5,0 0,2.5 5,5z\" id=\"raphael-marker-block\" style=\"-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\"><\/path> \n <\/svg> <\/p>\n<h4><a id=\"_DOMsvg_1\"><\/a>\u7b2c\u4e00\u6b65: \u5728DOM\u4e2d\u627e\u5230\u76f8\u5173\u8def\u7ebf\u7684svg(\u53ef\u4ee5\u7701\u7565\u4e00\u4e8c\u6b65,\u76f4\u63a5\u7528\u6211\u7684\u4e5f\u884c,\u4e3b\u8981\u4ecb\u7ecd\u601d\u8def)<\/h4>\n<p><img decoding=\"async\" class=\"lazyload\"data-src=\"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70\" src=\"https:\/\/s.nmxc.ltd\/sakurairo_vision\/@2.6\/load_svg\/inload.svg\" onerror=\"imgError(this)\" alt=\"[\u5916\u94fe\u56fe\u7247\u8f6c\u5b58\u5931\u8d25,\u6e90\u7ad9\u53ef\u80fd\u6709\u9632\u76d7\u94fe\u673a\u5236,\u5efa\u8bae\u5c06\u56fe\u7247\u4fdd\u5b58\u4e0b\u6765\u76f4\u63a5\u4e0a\u4f20(img-xap5FsQz-1608091439359)(D:\\\u5fae\u4e91\u540c\u6b65\\\u540c\u6b65\u6587\u4ef6\\Microsoft\u540c\u6b65\\\u6587\u6863\\images\\image-20201216115449764.png)]\"><noscript><img decoding=\"async\" src=\"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70\" alt=\"[\u5916\u94fe\u56fe\u7247\u8f6c\u5b58\u5931\u8d25,\u6e90\u7ad9\u53ef\u80fd\u6709\u9632\u76d7\u94fe\u673a\u5236,\u5efa\u8bae\u5c06\u56fe\u7247\u4fdd\u5b58\u4e0b\u6765\u76f4\u63a5\u4e0a\u4f20(img-xap5FsQz-1608091439359)(D:\\\u5fae\u4e91\u540c\u6b65\\\u540c\u6b65\u6587\u4ef6\\Microsoft\u540c\u6b65\\\u6587\u6863\\images\\image-20201216115449764.png)]\"><\/noscript><\/p>\n<h4><a id=\"__path___path_strokelinejoinpath_6\"><\/a>\u7b2c\u4e8c\u6b65: \u8fd9\u91cc\u6709\u591a\u5c11\u6761\u8def\u7ebf\u5c31\u6709\u591a\u5c11\u4e2a <code>path<\/code> \u6807\u7b7e, \u53ef\u4ee5\u770b\u5230 path\u6807\u7b7e\u4e2d \u6709<code>stroke-linejoin<\/code>\u7b49\u4e0e\u6211\u4eec\u81ea\u5df1\u4f7f\u7528\u7684path\u6807\u7b7e\u4e0d\u540c\u7684\u5c5e\u6027<\/h4>\n<h4><a id=\"_JQ_path__jsjq_8\"><\/a>\u7b2c\u4e09\u6b65: \u4f7f\u7528JQ\u627e\u5230\u8fd9\u4e9b <code>path<\/code> \u8282\u70b9 (\u4f7f\u7528js\u8fd8\u662fjq\u968f\u610f)<\/h4>\n<ul>\n<li>$(\"[stroke-linejoin]\").length \u62ff\u5230path\u8282\u70b9\u957f\u5ea6<\/li>\n<li>stroke-opacity \u8fd9\u662f\u7ebf\u7684\u900f\u660e\u5ea6<\/li>\n<li>stroke \u8fd9\u662f\u7ebf\u7684\u989c\u8272<\/li>\n<li>\u5229\u7528JQ\u7684\u5c5e\u6027\u9009\u62e9\u5668\u52a0nth-child\u9009\u62e9\u5f53\u4e2apath\u8282\u70b9<\/li>\n<li>\u5728<code>&lt;baidu-map&gt;<\/code>\u6807\u7b7e\u4e0a \u52a0\u4e0a<code>tilesloaded<\/code>\u4e8b\u4ef6(\u5b98\u7f51\u63cf\u8ff0<code>tilesloaded {type, target} \u5f53\u5730\u56fe\u6240\u6709\u56fe\u5757\u5b8c\u6210\u52a0\u8f7d\u65f6\u89e6\u53d1\u6b64\u4e8b\u4ef6<\/code>)<\/li>\n<li><strong>\u4e4b\u524d\u7528\u7684\u662fsetTimeout\u5ef6\u8fdf\u6267\u884c(\u5982\u679c\u7f51\u7edc\u4e0d\u597d\u6216\u8005\u5728\u8bbe\u7f6e\u7684\u65f6\u95f4\u5185,\u5730\u56fe\u8fd8\u6ca1\u6709\u52a0\u8f7d\u5b8c\u4e4b\u524d\u5c31\u6267\u884c,\u90a3\u4e48\u5c31\u4e0d\u4f1a\u751f\u6548),\u73b0\u5728\u7528 tilesloaded\u53ef\u4ee5100%\u89e6\u53d1,\u4e14\u5730\u56fe\u52a0\u8f7d\u5b8c\u5c31\u6267\u884c\u65e0\u5ef6\u8fdf.<\/strong><\/li>\n<li>mapHeight \u548c dShow\u662f\u6211\u81ea\u5df1\u52a0\u7684 props\u5c5e\u6027 mapHeight\u8bbe\u7f6e\u5730\u56fe\u5bb9\u5668\u9ad8\u5ea6,dShow \u5e03\u5c14\u503c \u5982\u679c\u4e3atrue\u624d\u663e\u793abm-driving\u6a21\u5757<\/li>\n<\/ul>\n<pre><code class=\"prism language-js\"><span class=\"token operator\">&lt;<\/span>template<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span>div <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"index-r-t\"<\/span><span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span>baidu<span class=\"token operator\">-<\/span>map\n            <span class=\"token punctuation\">:<\/span>style<span class=\"token operator\">=<\/span><span class=\"token string\">\"mapHeight\"<\/span>\n            <span class=\"token punctuation\">:<\/span>center<span class=\"token operator\">=<\/span><span class=\"token string\">\"center\"<\/span>\n            <span class=\"token punctuation\">:<\/span>zoom<span class=\"token operator\">=<\/span><span class=\"token string\">\"zoom\"<\/span>\n            @ready<span class=\"token operator\">=<\/span><span class=\"token string\">\"handler\"<\/span>\n            ak<span class=\"token operator\">=<\/span><span class=\"token string\">\"WBh1E3bk1r7QNdWyZDl19K2Vr9wXLzEf\"<\/span>\n            <span class=\"token punctuation\">:<\/span>scroll<span class=\"token operator\">-<\/span>wheel<span class=\"token operator\">-<\/span>zoom<span class=\"token operator\">=<\/span><span class=\"token string\">\"true\"<\/span>\n            <span class=\"token punctuation\">:<\/span>mapStyle<span class=\"token operator\">=<\/span><span class=\"token string\">\"mapStyle\"<\/span>\n            <span class=\"token keyword\">class<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"y-hidden\"<\/span>\n            @tilesloaded<span class=\"token operator\">=<\/span><span class=\"token string\">\"changePathColor(dShow)\"<\/span>\n        <span class=\"token operator\">&gt;<\/span>\n            <span class=\"token operator\">&lt;<\/span>bm<span class=\"token operator\">-<\/span>driving\n                v<span class=\"token operator\">-<\/span><span class=\"token keyword\">if<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"dShow\"<\/span>\n                <span class=\"token punctuation\">:<\/span>start<span class=\"token operator\">=<\/span><span class=\"token string\">\"{ lng: 115.44, lat: 39.11 }\"<\/span>\n                <span class=\"token punctuation\">:<\/span>end<span class=\"token operator\">=<\/span><span class=\"token string\">\"{ lng: 116.84, lat: 40.02 }\"<\/span>\n                startCity<span class=\"token operator\">=<\/span><span class=\"token string\">\"\u5317\u4eac\"<\/span>\n                endCity<span class=\"token operator\">=<\/span><span class=\"token string\">\"\u5317\u4eac\"<\/span>\n                <span class=\"token punctuation\">:<\/span>auto<span class=\"token operator\">-<\/span>viewport<span class=\"token operator\">=<\/span><span class=\"token string\">\"true\"<\/span>\n                <span class=\"token punctuation\">:<\/span>selectFirstResult<span class=\"token operator\">=<\/span><span class=\"token string\">\"true\"<\/span>\n                highlightModes<span class=\"token operator\">=<\/span><span class=\"token string\">\"BMAP_HIGHLIGHT_ROUTE\"<\/span>\n            <span class=\"token operator\">&gt;<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>bm<span class=\"token operator\">-<\/span>driving<span class=\"token operator\">&gt;<\/span>\n            <span class=\"token operator\">&lt;<\/span>bm<span class=\"token operator\">-<\/span>driving\n                v<span class=\"token operator\">-<\/span><span class=\"token keyword\">if<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"dShow\"<\/span>\n                <span class=\"token punctuation\">:<\/span>start<span class=\"token operator\">=<\/span><span class=\"token string\">\"{ lng: 114.52, lat: 40.32 }\"<\/span>\n                <span class=\"token punctuation\">:<\/span>end<span class=\"token operator\">=<\/span><span class=\"token string\">\"{ lng: 114.78, lat: 40.64 }\"<\/span>\n                startCity<span class=\"token operator\">=<\/span><span class=\"token string\">\"\u5f20\u5bb6\u53e3\"<\/span>\n                endCity<span class=\"token operator\">=<\/span><span class=\"token string\">\"\u5f20\u5bb6\u53e3\"<\/span>\n                <span class=\"token punctuation\">:<\/span>auto<span class=\"token operator\">-<\/span>viewport<span class=\"token operator\">=<\/span><span class=\"token string\">\"true\"<\/span>\n                <span class=\"token punctuation\">:<\/span>selectFirstResult<span class=\"token operator\">=<\/span><span class=\"token string\">\"true\"<\/span>\n            <span class=\"token operator\">&gt;<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>bm<span class=\"token operator\">-<\/span>driving<span class=\"token operator\">&gt;<\/span>\n        <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>baidu<span class=\"token operator\">-<\/span>map<span class=\"token operator\">&gt;<\/span>\n    <span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span>\n<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>template<span class=\"token operator\">&gt;<\/span>\n<span class=\"token operator\">&lt;<\/span>script<span class=\"token operator\">&gt;<\/span>\n<span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n    BmLabel<span class=\"token punctuation\">,<\/span>\n    BmMarker<span class=\"token punctuation\">,<\/span>\n    BaiduMap<span class=\"token punctuation\">,<\/span>\n    BmScale<span class=\"token punctuation\">,<\/span>\n    BmGeolocation<span class=\"token punctuation\">,<\/span>\n    BmDriving<span class=\"token punctuation\">,<\/span>\n    BmCityList<span class=\"token punctuation\">,<\/span>\n<span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"vue-baidu-map\"<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">import<\/span> $ <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"jquery\"<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n    <span class=\"token function\">data<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n        <span class=\"token keyword\">return<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n            center<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span> lng<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> lat<span class=\"token punctuation\">:<\/span> <span class=\"token number\">0<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token comment\">\/\/\u7ecf\u7eac\u5ea6<\/span>\n            zoom<span class=\"token punctuation\">:<\/span> <span class=\"token number\">9<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token comment\">\/\/\u5730\u56fe\u5c55\u793a\u7ea7\u522b<\/span>\n            mapStyle<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                styleJson<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">[<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"land\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#083658\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"building\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#016d79\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"highway\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"all\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            lightness<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">42<\/span><span class=\"token punctuation\">,<\/span>\n                            saturation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">91<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"arterial\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            lightness<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">77<\/span><span class=\"token punctuation\">,<\/span>\n                            saturation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">94<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"green\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#011123\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"water\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#010e21\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"subway\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry.stroke\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#010e21\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"railway\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            lightness<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">52<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"all\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"labels.text.stroke\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#000000\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"all\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"labels.text.fill\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#ffffff\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"manmade\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#010e21\"<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"local\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            lightness<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">75<\/span><span class=\"token punctuation\">,<\/span>\n                            saturation<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">91<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"subway\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            lightness<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">65<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"railway\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"all\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            lightness<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">40<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">{<!-- --><\/span>\n                        featureType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"boundary\"<\/span><span class=\"token punctuation\">,<\/span>\n                        elementType<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"geometry\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stylers<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                            color<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"#8b8787\"<\/span><span class=\"token punctuation\">,<\/span>\n                            weight<span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"1\"<\/span><span class=\"token punctuation\">,<\/span>\n                            lightness<span class=\"token punctuation\">:<\/span> <span class=\"token operator\">-<\/span><span class=\"token number\">29<\/span><span class=\"token punctuation\">,<\/span>\n                        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n                <span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span>\n            <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n            data<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span>\n    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n    components<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n        BaiduMap<span class=\"token punctuation\">,<\/span>\n        BmScale<span class=\"token punctuation\">,<\/span>\n        BmGeolocation<span class=\"token punctuation\">,<\/span>\n        BmDriving<span class=\"token punctuation\">,<\/span>\n    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n    props<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token string\">\"mapHeight\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"dShow\"<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span>\n    <span class=\"token function\">mounted<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n    methods<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n        <span class=\"token function\">updateCirclePath<\/span><span class=\"token punctuation\">(<\/span>e<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n            <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>circlePath<span class=\"token punctuation\">.<\/span>center <span class=\"token operator\">=<\/span> e<span class=\"token punctuation\">.<\/span>target<span class=\"token punctuation\">.<\/span><span class=\"token function\">getCenter<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n            <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>circlePath<span class=\"token punctuation\">.<\/span>radius <span class=\"token operator\">=<\/span> e<span class=\"token punctuation\">.<\/span>target<span class=\"token punctuation\">.<\/span><span class=\"token function\">getRadius<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n        <span class=\"token function\">handler<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<!-- --><\/span> BMap<span class=\"token punctuation\">,<\/span> map <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n            <span class=\"token comment\">\/\/ console.log(BMap, map);<\/span>\n            <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>center<span class=\"token punctuation\">.<\/span>lng <span class=\"token operator\">=<\/span> <span class=\"token number\">116.404<\/span><span class=\"token punctuation\">;<\/span>\n            <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>center<span class=\"token punctuation\">.<\/span>lat <span class=\"token operator\">=<\/span> <span class=\"token number\">39.915<\/span><span class=\"token punctuation\">;<\/span>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n        <span class=\"token function\">changePathColor<\/span><span class=\"token punctuation\">(<\/span>flag<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n            <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>flag<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                <span class=\"token keyword\">var<\/span> length <span class=\"token operator\">=<\/span> <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"[stroke-linejoin]\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>length<span class=\"token punctuation\">;<\/span>\n                console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>length<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n                <span class=\"token keyword\">for<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">var<\/span> i <span class=\"token operator\">=<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">;<\/span> i <span class=\"token operator\">&lt;<\/span> length<span class=\"token punctuation\">;<\/span> i<span class=\"token operator\">++<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n                    <span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"[stroke-linejoin]:nth-child(\"<\/span> <span class=\"token operator\">+<\/span> <span class=\"token punctuation\">(<\/span>i <span class=\"token operator\">+<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">+<\/span> <span class=\"token string\">\")\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">attr<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<!-- --><\/span>\n                        <span class=\"token string\">\"stroke-opacity\"<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"0.9\"<\/span><span class=\"token punctuation\">,<\/span>\n                        stroke<span class=\"token punctuation\">:<\/span> pathColor<span class=\"token punctuation\">[<\/span>i<span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span>\n                    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n                <span class=\"token punctuation\">}<\/span>\n            <span class=\"token punctuation\">}<\/span>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">var<\/span> pathColor <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token string\">\"#f811fc\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"#fca811\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"#4a90e2\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"#7ed321\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"#50e3c2\"<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>script<span class=\"token operator\">&gt;<\/span>\n<span class=\"token operator\">&lt;<\/span>style<span class=\"token operator\">&gt;<\/span>\n<span class=\"token punctuation\">.<\/span>map <span class=\"token punctuation\">{<!-- --><\/span>\n    width<span class=\"token punctuation\">:<\/span> <span class=\"token number\">100<\/span><span class=\"token operator\">%<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>BMap_cpyCtrl <span class=\"token punctuation\">{<!-- --><\/span>\n    display<span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>anchorBL <span class=\"token punctuation\">{<!-- --><\/span>\n    display<span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token punctuation\">.<\/span>y<span class=\"token operator\">-<\/span>hidden <span class=\"token punctuation\">{<!-- --><\/span>\n    overflow<span class=\"token punctuation\">:<\/span> hidden<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>style<span class=\"token operator\">&gt;<\/span>\n<\/code><\/pre>\n<h4><a id=\"_forpath_OK__237\"><\/a>\u6700\u540e: \u4e00\u4e2afor\u5faa\u73af\u7ed9\u6bcf\u4e00\u6761path\u52a0\u4e0a\u4e0d\u540c\u7684\u989c\u8272\u5c31 OK \u4e86;<\/h4>\n<\/div>\n<link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/markdown_views-98b95bb57c.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/style-c216769e99.css\" rel=\"stylesheet\">\n<p>\u672c\u7bc7\u6587\u7ae0\u6765\u6e90\u4e8eCSDN\uff1ahttps:\/\/blog.csdn.net\/weixin_44216706\/article\/details\/111255810<\/p>\n","raw":"","protected":false},"excerpt":{"rendered":"<p>\u7b2c\u4e00\u6b65: \u5728DOM\u4e2d\u627e\u5230\u76f8\u5173\u8def\u7ebf\u7684svg(\u53ef\u4ee5\u7701\u7565\u4e00\u4e8c\u6b65,\u76f4\u63a5\u7528\u6211\u7684\u4e5f\u884c,\u4e3b\u8981\u4ecb\u7ecd\u601d\u8def) \u7b2c\u4e8c\u6b65: \u8fd9\u91cc\u6709\u591a\u5c11\u6761\u8def\u7ebf\u5c31\u6709\u591a\u5c11\u4e2a p &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":"","footnotes":""},"categories":[13],"tags":[],"class_list":["post-3066","post","type-post","status-publish","format-standard","hentry","category-vue"],"post_thumbnail_image":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","content_first_image":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","post_medium_image_300":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","post_thumbnail_image_624":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","post_frist_image":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","post_medium_image":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","post_large_image":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","post_full_image":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","post_all_images":[{"imagesurl":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","id":"image0"},{"imagesurl":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/default\/nine\/2023-08-28\/09-53-09\/20230828095309919162efc.png?x-oss-process=image\/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIxNjcwNg==,size_16,color_FFFFFF,t_70","id":"image1"}],"videoAdId":"","listAd":"0","listAdId":"","listAdEvery":6,"total_comments":0,"category_name":"Vue","post_date":"2023-08-28","like_count":"0","praiseWord":"\u9f13\u52b1","copyright_state":"","excitationAd":"0","rewardedVideoAdId":"","detailAdId":"","detailAd":"0","enterpriseMinapp":"0","audios":[],"postImageUrl":"https:\/\/wp-moto-1258805347.cos.ap-shanghai.myqcloud.com\/2023\/05\/20230519082947553.jpg","avatarurls":[],"related_posts":null,"pageviews":966,"next_post_id":3033,"next_post_title":"\u524d\u7aefVue H5\u751f\u6210\u5e26\u4e8c\u7ef4\u7801\u7684\u5206\u4eab\u6d77\u62a5\uff0c\u5b9e\u73b0\u957f\u6309\u4fdd\u5b58\u5230\u624b\u673a\u76f8\u518c","previous_post_id":3040,"previous_post_title":"vue \u5b57\u7b26\u4e32\u3001\u6570\u7ec4\u4e4b\u95f4\u7684\u76f8\u4e92\u8f6c\u6362","_links":{"self":[{"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/posts\/3066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/comments?post=3066"}],"version-history":[{"count":0,"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/posts\/3066\/revisions"}],"wp:attachment":[{"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/media?parent=3066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/categories?post=3066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinchewhd.com.cn\/index.php\/wp-json\/wp\/v2\/tags?post=3066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}