\u770b\u4e86https:\/\/bbs.hassbian.com\/thread-29564-1-3.html\u8fd9\u4e2a\u5e16\u5b50\uff0c\u8fd9\u662f\u4e00\u4e2a\u975e\u5e38\u5de7\u5999\u7684\u201c\u5077\u6881\u6362\u67f1\u201d\u65b9\u6848\uff0c\u7528\u4e8e\u5728 Home Assistant \u7684\u5730\u56fe\u5361\u7247\u4e2d\u5c06 CartoCDN \u66ff\u6362\u4e3a\u5929\u5730\u56fe\uff0c\u5e76\u652f\u6301\u9ad8\u7f29\u653e\u7ea7\u522b\u7684\u964d\u7ea7\u6a21\u62df\u3002\u5b83\u901a\u8fc7 MutationObserver \u5b9e\u73b0\u4e86\u5bf9 Shadow DOM \u7684\u5b8c\u6574\u652f\u6301\uff0c\u9002\u7528\u4e8e\u524d\u7aef\u65e0\u6cd5\u76f4\u63a5\u4fee\u6539\u5730\u56fe\u914d\u7f6e\u7684\u573a\u666f\u3002<\/p>\n

a.jpeg<\/div>\n

\u5728\u5b83\u7684\u65b9\u6848\u539f\u7406\u57fa\u7840\u4e0a\uff0c\u6211\u6539\u5199\u4e3a\u9ad8\u5fb7\u74e6\u7247\u5730\u56fe\u7684\u4ee3\u7801\uff0c\u5728HA\u7684\u914d\u7f6e\u76ee\u5f55config\u4e0b\u65b0\u5efawww\u76ee\u5f55\uff0c\u5c06hass_gaode.js\u590d\u5236\u5230www\u76ee\u5f55\u4e0b\u3002<\/span><\/span>
\n\u4fee\u6539configuration.yaml\u6587\u4ef6<\/p>\n

Code: <\/strong>[\u5168\u9009]<\/a> [Expand\/Collapse]<\/a><\/div>\n
\n
\n
\n
\n
\n
# Loads default set of integrations. Do not remove.<\/div>\n<\/li>\n
\n
default_config:<\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
# Load frontend themes from the themes folder<\/div>\n<\/li>\n
\n
frontend:<\/div>\n<\/li>\n
\n
themes: !include_dir_merge_named themes<\/div>\n<\/li>\n
\n
# *** \u6dfb\u52a0\u4e0b\u97622<\/span>\u884c\u4ee3\u7801 ***<\/div>\n<\/li>\n
\n
extra_module_url:<\/div>\n<\/li>\n
\n
– \/local\/hass_gaode.js<\/div>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n
GeSHi © Codebox Plus Extension<\/div>\n<\/div>\n
hass_gaode.js \u6587\u4ef6\u5185\u5bb9\uff1a<\/p>\n
\n
Code: <\/strong>[\u5168\u9009]<\/a> [Expand\/Collapse]<\/a><\/div>\n
\n
\n
\n
\n
\n
\/\/ ========== config ==========<\/span><\/div>\n<\/li>\n
\n
const<\/span> GAODE_KEY =<\/span> ’21b3a11e940d284eecb6b66bdd090fcc’<\/span>;<\/span> \/\/ \u2190\u2190\u2190 \u6362\u6210\u81ea\u5df1\u7684<\/span><\/div>\n<\/li>\n
\n
const<\/span> MAX_Z =<\/span> 18<\/span>;<\/span> \/\/ \u9ad8\u5fb7\u6700\u5927\u652f\u6301 18 \u7ea7<\/span><\/div>\n<\/li>\n
\n
const<\/span> TILE_SIZE =<\/span> 256<\/span>;<\/span> \/\/ \u6807\u51c6 256px \u74e6\u7247<\/span><\/div>\n<\/li>\n
\n
\/\/ =================================<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* \u964d\u7ea7\u7b97\u6cd5\uff1a\u628a\u9ad8 z \u6620\u5c04\u5230 maxZoom\uff0c\u5e76\u8fd4\u56de\u7f29\u653e\/\u504f\u79fb\u91cf *\/<\/span><\/div>\n<\/li>\n
\n
function<\/span> downgradeTile(<\/span>x,<\/span> y,<\/span> z,<\/span> maxZoom)<\/span> {<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>z <=<\/span> maxZoom)<\/span> {<\/span><\/div>\n<\/li>\n
\n
return<\/span> {<\/span> srcX:<\/span> x,<\/span> srcY:<\/span> y,<\/span> srcZ:<\/span> z,<\/span> scale:<\/span> 1<\/span>,<\/span> dx:<\/span> 0<\/span>,<\/span> dy:<\/span> 0<\/span> }<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
const<\/span> scale =<\/span> 2<\/span> **<\/span> (<\/span>z –<\/span> maxZoom)<\/span>;<\/span><\/div>\n<\/li>\n
\n
const<\/span> srcX =<\/span> Math<\/span>.floor<\/span>(<\/span>x \/<\/span> scale)<\/span>;<\/span><\/div>\n<\/li>\n
\n
const<\/span> srcY =<\/span> Math<\/span>.floor<\/span>(<\/span>y \/<\/span> scale)<\/span>;<\/span><\/div>\n<\/li>\n
\n
const<\/span> offsetX =<\/span> (<\/span>x %<\/span> scale)<\/span> *<\/span> TILE_SIZE \/<\/span> scale;<\/span><\/div>\n<\/li>\n
\n
const<\/span> offsetY =<\/span> (<\/span>y %<\/span> scale)<\/span> *<\/span> TILE_SIZE \/<\/span> scale;<\/span><\/div>\n<\/li>\n
\n
return<\/span> {<\/span><\/div>\n<\/li>\n
\n
srcX,<\/span> srcY,<\/span> srcZ:<\/span> maxZoom,<\/span><\/div>\n<\/li>\n
\n
scale,<\/span><\/div>\n<\/li>\n
\n
dx:<\/span> –<\/span>offsetX *<\/span> scale,<\/span><\/div>\n<\/li>\n
\n
dy:<\/span> –<\/span>offsetY *<\/span> scale<\/div>\n<\/li>\n
\n
}<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* \u9ad8\u5fb7\u4f7f\u7528 4 \u4e2a\u57df\u540d\u505a\u8d1f\u8f7d\u5747\u8861 *\/<\/span><\/div>\n<\/li>\n
\n
let subDomain =<\/span> 0<\/span>;<\/span><\/div>\n<\/li>\n
\n
function<\/span> nextSub(<\/span>)<\/span> {<\/span> subDomain =<\/span> (<\/span>subDomain +<\/span> 1<\/span>)<\/span> %<\/span> 4<\/span>;<\/span> return<\/span> `wprd0${<\/span>subDomain +<\/span> 1<\/span>}<\/span>`;<\/span> }<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* \u751f\u6210\u9ad8\u5fb7\u74e6\u7247\u5730\u5740<\/span><\/div>\n<\/li>\n
\n
layer: vec \u77e2\u91cf\u5e95\u56fe | cva \u77e2\u91cf\u6ce8\u8bb0 | img \u5f71\u50cf\u5e95\u56fe | cia \u5f71\u50cf\u6ce8\u8bb0<\/span><\/div>\n<\/li>\n
\n
*\/<\/span><\/div>\n<\/li>\n
\n
function<\/span> buildGaodeUrl(<\/span>x,<\/span> y,<\/span> z,<\/span> layer)<\/span> {<\/span><\/div>\n<\/li>\n
\n
return<\/span> `https:<\/span>\/\/${nextSub()}.is.autonavi.com\/appmaptile?style=7&tiletype=${layer}&x=${x}&y=${y}&z=${z}&lang=zh_cn&size=1&scale=1&key=${GAODE_KEY}`;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* \u8bb0\u5f55\u5df2\u964d\u7ea7\u8fc7\u7684 key\uff0c\u9632\u6b62\u91cd\u590d\u7ed8\u5236 *\/<\/span><\/div>\n<\/li>\n
\n
const<\/span> doneSet =<\/span> new<\/span> Set(<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* \u521b\u5efa\u6ce8\u8bb0\u5c42 <img> *\/<\/span><\/div>\n<\/li>\n
\n
function<\/span> createCvaImg(<\/span>cvaSrc,<\/span> templateImg)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> img =<\/span> new<\/span> Image(<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.src<\/span> =<\/span> cvaSrc;<\/span><\/div>\n<\/li>\n
\n
img.className<\/span> =<\/span> ‘leaflet-tile’<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.cssText<\/span> =<\/span> templateImg.style<\/span>.cssText<\/span>;<\/span> \/\/ \u590d\u5236\u4f4d\u7f6e\/\u53d8\u6362<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.mixBlendMode<\/span> =<\/span> ‘unset’<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.onload<\/span> =<\/span> (<\/span>)<\/span> =><\/span> img.classList<\/span>.add<\/span>(<\/span>‘leaflet-tile-loaded’<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
return<\/span> img;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* \u6838\u5fc3\u66ff\u6362\u51fd\u6570 *\/<\/span><\/div>\n<\/li>\n
\n
function<\/span> transformCartoImg(<\/span>img,<\/span> extraImgs)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> src =<\/span> img.src<\/span>;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>!<\/span>src.includes<\/span>(<\/span>‘basemaps.cartocdn.com’<\/span>)<\/span>)<\/span> return<\/span>;<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
const<\/span> m =<\/span> src.match<\/span>(<\/span>\/\\\/(\\d+)\\\/(\\d+)\\\/(\\d+)(?:@2x)?\\.png\/<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>!<\/span>m)<\/span> return<\/span>;<\/span><\/div>\n<\/li>\n
\n
let [<\/span>,<\/span> z,<\/span> x,<\/span> y]<\/span> =<\/span> m.map<\/span>(<\/span>Number<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* 1. \u9700\u8981\u964d\u7ea7\u7684\u60c5\u51b5 *\/<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>z ><\/span> MAX_Z)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> {<\/span> srcX,<\/span> srcY,<\/span> srcZ,<\/span> scale,<\/span> dx,<\/span> dy }<\/span> =<\/span> downgradeTile(<\/span>x,<\/span> y,<\/span> z,<\/span> MAX_Z)<\/span>;<\/span><\/div>\n<\/li>\n
\n
const<\/span> key =<\/span> `${<\/span>srcX}<\/span>,<\/span>${<\/span>srcY}<\/span>,<\/span>${<\/span>srcZ}<\/span>,<\/span>${<\/span>z}<\/span>`;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>doneSet.has<\/span>(<\/span>key)<\/span>)<\/span> {<\/span> \/\/ \u5df2\u5904\u7406\u8fc7\uff0c\u76f4\u63a5\u9690\u85cf<\/span><\/div>\n<\/li>\n
\n
img.src<\/span> =<\/span> ‘data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=’<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.display<\/span> =<\/span> ‘none’<\/span>;<\/span><\/div>\n<\/li>\n
\n
return<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
doneSet.add<\/span>(<\/span>key)<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.downgradeKey<\/span> =<\/span> key;<\/span><\/div>\n<\/li>\n
\n
x =<\/span> srcX;<\/span> y =<\/span> srcY;<\/span> z =<\/span> srcZ;<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* \u53e0\u52a0\u7f29\u653e+\u504f\u79fb\u5230\u539f\u6709 transform \u4e0a *\/<\/span><\/div>\n<\/li>\n
\n
let t =<\/span> img.style<\/span>.transform<\/span> ||<\/span> ”<\/span>;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>t.includes<\/span>(<\/span>‘translate3d(‘<\/span>)<\/span>)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> [<\/span>,<\/span> tx,<\/span> ty]<\/span> =<\/span> t.match<\/span>(<\/span>\/translate3d\$([^,]+),\\s*([^,]+)\/<\/span>)<\/span> ||<\/span> [<\/span>]<\/span>;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>tx !==<\/span> undefined<\/span>)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> nx =<\/span> parseFloat(<\/span>tx)<\/span> +<\/span> dx;<\/span><\/div>\n<\/li>\n
\n
const<\/span> ny =<\/span> parseFloat(<\/span>ty)<\/span> +<\/span> dy;<\/span><\/div>\n<\/li>\n
\n
t =<\/span> t.replace<\/span>(<\/span>\/translate3d\\([^)]+\$\/<\/span>,<\/span> `translate3d(<\/span>${<\/span>nx}<\/span>px,<\/span> ${<\/span>ny}<\/span>px,<\/span> 0px)<\/span>`)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>!<\/span>t.includes<\/span>(<\/span>‘scale(‘<\/span>)<\/span>)<\/span> t +=<\/span> ` scale(<\/span>${<\/span>scale}<\/span>)<\/span>`;<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.transform<\/span> =<\/span> t;<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.transformOrigin<\/span> =<\/span> ‘top left’<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.width<\/span> =<\/span> TILE_SIZE +<\/span> ‘px’<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.height<\/span> =<\/span> TILE_SIZE +<\/span> ‘px’<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* 2. \u7ec4\u88c5\u9ad8\u5fb7\u5730\u5740 *\/<\/span><\/div>\n<\/li>\n
\n
const<\/span> vecSrc =<\/span> buildGaodeUrl(<\/span>x,<\/span> y,<\/span> z,<\/span> ‘vec’<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
const<\/span> cvaSrc =<\/span> buildGaodeUrl(<\/span>x,<\/span> y,<\/span> z,<\/span> ‘cva’<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* 3. \u6ce8\u5165 DOM *\/<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>extraImgs)<\/span> {<\/span> \/\/ \u6765\u81ea appendChild \u62e6\u622a<\/span><\/div>\n<\/li>\n
\n
const<\/span> cvaImg =<\/span> createCvaImg(<\/span>cvaSrc,<\/span> img)<\/span>;<\/span><\/div>\n<\/li>\n
\n
cvaImg.style<\/span>.transformOrigin<\/span> =<\/span> ‘top left’<\/span>;<\/span><\/div>\n<\/li>\n
\n
extraImgs.push<\/span>(<\/span>cvaImg)<\/span>;<\/span><\/div>\n<\/li>\n
\n
img.src<\/span> =<\/span> vecSrc;<\/span><\/div>\n<\/li>\n
\n
}<\/span> else<\/span> {<\/span> \/\/ \u76f4\u63a5\u4fee\u6539<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.backgroundImage<\/span> =<\/span> `url(<\/span>"${vecSrc}"<\/span>)<\/span>`;<\/span><\/div>\n<\/li>\n
\n
img.style<\/span>.backgroundSize<\/span> =<\/span> `${<\/span>TILE_SIZE}<\/span>px ${<\/span>TILE_SIZE}<\/span>px`;<\/span><\/div>\n<\/li>\n
\n
img.src<\/span> =<\/span> cvaSrc;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
console.debug<\/span>(<\/span>‘[\u9ad8\u5fb7\u66ff\u6362]’<\/span>,<\/span> src,<\/span> ‘\u2192’<\/span>,<\/span> vecSrc,<\/span> ‘+\u6ce8\u8bb0’<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
\/* ========== DOM \u76d1\u542c\u90e8\u5206\uff08\u4e0e\u539f\u811a\u672c\u4e00\u81f4\uff0c\u4ec5\u51fd\u6570\u540d\u66ff\u6362\uff09 ========== *\/<\/span><\/div>\n<\/li>\n
\n
function<\/span> initDomObserver(<\/span>)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> _appendChild =<\/span> Element.prototype<\/span>.appendChild<\/span>;<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
function<\/span> onAdd(<\/span>node)<\/span> {<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>node.nodeType<\/span> !==<\/span> 1<\/span>)<\/span> return<\/span>;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>node.classList<\/span>.contains<\/span>(<\/span>‘leaflet-layer’<\/span>)<\/span>)<\/span> {<\/span><\/div>\n<\/li>\n
\n
node.appendChild<\/span> =<\/span> function<\/span> (<\/span>child)<\/span> {<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>child.classList<\/span>?<\/span>.contains<\/span>(<\/span>‘leaflet-tile-container’<\/span>)<\/span>)<\/span> {<\/span><\/div>\n<\/li>\n
\n
child.querySelectorAll<\/span>(<\/span>‘img’<\/span>)<\/span>.forEach<\/span>(<\/span>transformCartoImg)<\/span>;<\/span><\/div>\n<\/li>\n
\n
child.appendChild<\/span> =<\/span> function<\/span> (<\/span>frag)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> addArr =<\/span> [<\/span>]<\/span>;<\/span><\/div>\n<\/li>\n
\n
[<\/span>…frag<\/span>.children<\/span>]<\/span>.forEach<\/span>(<\/span>n =><\/span> n.tagName<\/span> ===<\/span> ‘IMG’<\/span> &&<\/span> transformCartoImg(<\/span>n,<\/span> addArr)<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
addArr.forEach<\/span>(<\/span>i =><\/span> frag.appendChild<\/span>(<\/span>i)<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
[<\/span>…frag<\/span>.children<\/span>]<\/span>.forEach<\/span>(<\/span>n =><\/span> n.style<\/span>.display<\/span> ===<\/span> ‘none’<\/span> &&<\/span> n.remove<\/span>(<\/span>)<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
return<\/span> _appendChild.call<\/span>(<\/span>this<\/span>,<\/span> frag)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
return<\/span> _appendChild.call<\/span>(<\/span>this<\/span>,<\/span> child)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span>;<\/span><\/div>\n<\/li>\n
\n
const<\/span> tc =<\/span> node.querySelector<\/span>(<\/span>‘.leaflet-tile-container’<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>tc)<\/span> tc.appendChild<\/span> =<\/span> function<\/span> (<\/span>f)<\/span> {<\/span> [<\/span>…f<\/span>.children<\/span>]<\/span>.forEach<\/span>(<\/span>n =><\/span> n.tagName<\/span> ===<\/span> ‘IMG’<\/span> &&<\/span> transformCartoImg(<\/span>n)<\/span>)<\/span>;<\/span> return<\/span> _appendChild.call<\/span>(<\/span>this<\/span>,<\/span> f)<\/span>;<\/span> }<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span> else<\/span> if<\/span> (<\/span>node.classList<\/span>?<\/span>.contains<\/span>(<\/span>‘leaflet-control-attribution’<\/span>)<\/span>)<\/span> {<\/span><\/div>\n<\/li>\n
\n
node.remove<\/span>(<\/span>)<\/span>;<\/span> \/\/ \u9690\u85cf\u539f\u7248\u6743<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>node.shadowRoot<\/span>)<\/span> initShadow(<\/span>node.shadowRoot<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
function<\/span> onRemove(<\/span>node)<\/span> {<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>node.nodeType<\/span> !==<\/span> 1<\/span>)<\/span> return<\/span>;<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>node.tagName<\/span> ===<\/span> ‘IMG’<\/span>)<\/span> {<\/span><\/div>\n<\/li>\n
\n
if<\/span> (<\/span>node.downgradeKey<\/span>)<\/span> doneSet.delete<\/span>(<\/span>node.downgradeKey<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
node.cvaImgRef<\/span>?<\/span>.remove<\/span>(<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
const<\/span> ob =<\/span> new<\/span> MutationObserver(<\/span>list =><\/span> list.forEach<\/span>(<\/span>m =><\/span> {<\/span><\/div>\n<\/li>\n
\n
m.addedNodes<\/span>.forEach<\/span>(<\/span>onAdd)<\/span>;<\/span><\/div>\n<\/li>\n
\n
m.removedNodes<\/span>.forEach<\/span>(<\/span>onRemove)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span>)<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
function<\/span> initShadow(<\/span>root)<\/span> {<\/span><\/div>\n<\/li>\n
\n
ob.observe<\/span>(<\/span>root,<\/span> {<\/span> childList:<\/span> true<\/span>,<\/span> subtree:<\/span> true<\/span> }<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
root.querySelectorAll<\/span>?<\/span>.(<\/span>‘.leaflet-layer’<\/span>)<\/span>.forEach<\/span>(<\/span>onAdd)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
ob.observe<\/span>(<\/span>document,<\/span> {<\/span> childList:<\/span> true<\/span>,<\/span> subtree:<\/span> true<\/span> }<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
const<\/span> orig =<\/span> Element.prototype<\/span>.attachShadow<\/span>;<\/span><\/div>\n<\/li>\n
\n
Element.prototype<\/span>.attachShadow<\/span> =<\/span> function<\/span> (<\/span>opt)<\/span> {<\/span><\/div>\n<\/li>\n
\n
const<\/span> sh =<\/span> orig.call<\/span>(<\/span>this<\/span>,<\/span> opt)<\/span>;<\/span><\/div>\n<\/li>\n
\n
initShadow(<\/span>sh)<\/span>;<\/span><\/div>\n<\/li>\n
\n
return<\/span> sh;<\/span><\/div>\n<\/li>\n
\n
}<\/span>;<\/span><\/div>\n<\/li>\n
\n
initShadow(<\/span>document.body<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
\n
}<\/span><\/div>\n<\/li>\n
\n
<\/div>\n<\/li>\n
\n
initDomObserver(<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n
GeSHi © Codebox Plus Extension<\/div>\n<\/div>\n
\u539f\u6587\u4f5c\u8005: BG6RSH | \u67e5\u770b\u539f\u5e16<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"
\u770b\u4e86https:\/\/bbs.hassbian.com\/thread-29564- … \u7ee7\u7eed\u9605\u8bfb →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104],"tags":[],"class_list":["post-1386","post","type-post","status-publish","format-standard","hentry","category-104"],"_links":{"self":[{"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=\/wp\/v2\/posts\/1386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1386"}],"version-history":[{"count":0,"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=\/wp\/v2\/posts\/1386\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tansoo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}