29.90b4c97b.js 6.0 KB

1
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[29],{390:function(t,s,e){},451:function(t,s,e){"use strict";e(390)},480:function(t,s,e){"use strict";e.r(s);e(451);var n=e(2),a=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("p"),s("div",{staticClass:"table-of-contents"},[s("ul",[s("li",[s("a",{attrs:{href:"#_1-jt-specialeffects-简介"}},[t._v("1. jt-specialEffects 简介")])]),s("li",[s("a",{attrs:{href:"#_2-warning"}},[t._v("2.Warning")])]),s("li",[s("a",{attrs:{href:"#_3-jt-specialeffects-api"}},[t._v("3. jt-specialEffects API")])]),s("li",[s("a",{attrs:{href:"#_4-代码示例"}},[t._v("4. 代码示例")])])])]),s("p"),t._v(" "),s("h2",{attrs:{id:"_1-jt-specialeffects-简介"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_1-jt-specialeffects-简介"}},[t._v("#")]),t._v(" 1. jt-specialEffects 简介")]),t._v(" "),s("ul",[s("li",[t._v("实现天气特效、天空样式、粒子效果、热力图等特效效果")])]),t._v(" "),s("h2",{attrs:{id:"_2-warning"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-warning"}},[t._v("#")]),t._v(" 2.Warning")]),t._v(" "),s("div",{staticClass:"custom-block warning"},[s("p",{staticClass:"title"},[t._v("注意")]),s("ul",[s("li",[t._v("使用ref标记组件时,同时需要定义标记名称!具体可参考CIM平台特效效果组件写法!")])])]),s("h2",{attrs:{id:"_3-jt-specialeffects-api"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_3-jt-specialeffects-api"}},[t._v("#")]),t._v(" 3. jt-specialEffects API")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("属性名")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("说明")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("类型")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("是否必须")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("viewer")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("视图")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("obj")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("currentSelect")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("默认样式")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("string")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("否")])])])]),t._v(" "),s("h2",{attrs:{id:"_4-代码示例"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_4-代码示例"}},[t._v("#")]),t._v(" 4. 代码示例")]),t._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v('<jt-popup title="特效效果">\n\t<jt-specialEffects :viewer="viewer" ref="specialefffectsRef" :currentSelect="currentSelect"></jt-specialEffects>\n</jt-popup>\n\n<script setup>\n\timport {\n\t\tonMounted,\n\t\tonBeforeUnmount,\n\t\tref,\n\t\tinject,\n\t} from "vue";\n\t\n\timport {\n\t\tuseWidget\n\t} from "@/common/store/widget"\n\tconst {\n\t\tdisable,\n\t\tcurrentWidget\n\t} = useWidget();\n\n\t/**\n\t * 获取地图对象\n\t */\n\tconst getMapInstance = inject("getMapInstance");\n\tlet jtMap3d = getMapInstance();\n\tlet viewer = jtMap3d._viewer;\n\n\t//定义子组件实例,名称要和上面的ref相同\n\tconst specialefffectsRef = ref(null)\n\tconst currentSelect= ref(\'天空样式\');\n\t\n\t/**\n\t * 即将销毁\n\t */\n\tonBeforeUnmount(() => {\n\t\t// 释放当前的widget\n\t\tdisable(currentWidget.name);\n\t});\n\t\n<\/script>\n')])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br")])])])}),[],!1,null,null,null);s.default=a.exports}}]);