15.03a1354a.js 17 KB

1
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[15],{373:function(t,s,n){},434:function(t,s,n){"use strict";n(373)},464:function(t,s,n){"use strict";n.r(s);n(434);var a=n(2),e=Object(a.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-bookmark-简介"}},[t._v("1. jt-bookmark 简介")])]),s("li",[s("a",{attrs:{href:"#_2-warning"}},[t._v("2.Warning")])]),s("li",[s("a",{attrs:{href:"#_3-jt-bookmark-api"}},[t._v("3. jt-bookmark API")])]),s("li",[s("a",{attrs:{href:"#_4-jt-bookmark-methods-api"}},[t._v("4. jt-bookmark methods API")])]),s("li",[s("a",{attrs:{href:"#_5-代码示例"}},[t._v("5. 代码示例")])])])]),s("p"),t._v(" "),s("h2",{attrs:{id:"_1-jt-bookmark-简介"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_1-jt-bookmark-简介"}},[t._v("#")]),t._v(" 1. jt-bookmark 简介")]),t._v(" "),s("ul",[s("li",[t._v("用于展示视角书签的组件")]),t._v(" "),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("此页面写法基本固定,可直接使用,仅在业务需求改变或者是数据库更改时有变动!!所有传递参数皆由数据库或者store内获取!!!")]),t._v(" "),s("li",[t._v("使用ref标记组件时,同时需要定义标记名称!具体可参考CIM平台视角标签组件写法!")])])]),s("h2",{attrs:{id:"_3-jt-bookmark-api"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_3-jt-bookmark-api"}},[t._v("#")]),t._v(" 3. jt-bookmark 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("从jtMap3d实例获取")]),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("imgurlList")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("书签列表")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("array")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("runtimeEnvironment")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("运行环境PC(默认)/APP")]),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-jt-bookmark-methods-api"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_4-jt-bookmark-methods-api"}},[t._v("#")]),t._v(" 4. jt-bookmark methods 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("addBookmark")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("添加书签方法")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("methods")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("queryBookmark")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("查询书签方法")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("methods")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("deleteBookmark")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("删除书签方法")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("methods")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])])])]),t._v(" "),s("h2",{attrs:{id:"_5-代码示例"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_5-代码示例"}},[t._v("#")]),t._v(" 5. 代码示例")]),t._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v("<template>\n\t<jt-popup title=\"视角书签\">\n\t\t<jt-bookMark :imgurlList=\"imgurlList\" :viewer=\"viewer\" @addBookmark=\"addBookmark\" @queryBookmark=\"searchBookmark\" @deleteBookmark=\"deleteBookmark\" :runtimeEnvironment=\"runtimeEnvironment\"></jt-bookMark>\n\t</jt-popup>\n</template>\n\n<script setup>\n\timport {\n\t\tonMounted,\n\t\tonBeforeUnmount,\n\t\tref,\n\t\tinject\n\t} from \"vue\";\n\timport {\n\t\tElMessage\n\t} from 'element-plus';\n\timport {\n\t\tuseWidget\n\t} from \"@/common/store/widget\"\n\tconst {\n\t\tdisable,\n\t\tcurrentWidget\n\t} = useWidget();\n\n\timport $http from '@/utils/http.js';\n\timport store from '@/store/index';\n\n\t/**\n\t * 获取地图对象\n\t */\n\tconst getMapInstance = inject(\"getMapInstance\");\n\tlet jtMap3d = getMapInstance();\n\tlet viewer = jtMap3d._viewer;\n\n\t// 定义属性\n\tlet runtimeEnvironment = store.appStore.runtimeEnvironment; //运行环境\n\tconst bookmarkName = ref(''); //视角标签名称\n\tconst imgurlList = ref([]); //截图地址列表\n\n\tonMounted(() => {\n\t\t//查询书签\n\t\tqueryBookmark({\n\t\t\ttableName: 'map_angle', //表名\n\t\t\tsqlWhere: '', //查询条件\n\t\t\torderByField: '', //排序字段\n\t\t});\n\t})\n\n\t/**\n\t * 查询书签\n\t */\n\tconst queryBookmark = (options) => {\n\t\tgetBookmark(options).then(res => {\n\t\t\timgurlList.value = [];\n\t\t\tres.map(item => {\n\t\t\t\tlet info = {\n\t\t\t\t\tlatitude: item.x,\n\t\t\t\t\tlongitude: item.y,\n\t\t\t\t\theight: item.z,\n\t\t\t\t\tpitch: item.pitch,\n\t\t\t\t\troll: item.roll,\n\t\t\t\t\theading: item.heading\n\t\t\t\t}\n\n\t\t\t\timgurlList.value.push({\n\t\t\t\t\turl: item.screenshot,\n\t\t\t\t\tname: item.name,\n\t\t\t\t\tinfo: info,\n\t\t\t\t\tid: item.id\n\t\t\t\t})\n\t\t\t})\n\t\t});\n\t}\n\n\t/**\n\t * 查询按钮事件\n\t */\n\tconst searchBookmark = (value) => {\n\t\t//添加底图图集\n\t\tqueryBookmark({\n\t\t\ttableName: 'map_angle', //表名\n\t\t\tsqlWhere: \"name like '%\" + value + \"%'\", //查询条件\n\t\t\torderByField: '' //排序字段\n\t\t});\n\t}\n\n\t/**\n\t * 添加方法\n\t */\n\tconst addBookmark = (data) => {\n\n\t\t//在这里获取账户信息密码\n\t\tlet person = store.userStore.user;\n\t\tdata.userId = person.id\n\n\t\t//添加数据接口\n\t\t$http.post('/postSubmit', {\n\t\t\ttableName: 'map_angle',\n\t\t\tkeyValue: '',\n\t\t\tformData: data,\n\t\t}).then(res => {\n\t\t\tif (res.success == true) {\n\t\t\t\t// document.getElementById(\"inputValue\").value = ''\n\t\t\t\tElMessage.success('添加成功!')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * 删除方法\n\t */\n\tconst deleteBookmark = (id) => {\n\t\t$http.get('/delete', {\n\t\t\ttableName: 'map_angle',\n\t\t\tkeyValue: id,\n\t\t}).then(res => {\n\t\t\tElMessage.success('删除成功!')\n\t\t})\n\t}\n\n\t//获取默认标签列表\n\tconst getBookmark = (options) => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\t//获取\n\t\t\t$http.get('/getTableList', options).then(res => {\n\t\t\t\tif (res.data.length > 0) {\n\t\t\t\t\tresolve(res.data)\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * 即将销毁\n\t */\n\tonBeforeUnmount(() => {\n\t\tdisable(currentWidget.name);\n\t});\n<\/script>\n\n<style lang=\"scss\" scoped>\n\t.iconfont{\n\t\tfont-size: 16rem !important;\n\t}\n</style>\n\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"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br"),s("span",{staticClass:"line-number"},[t._v("43")]),s("br"),s("span",{staticClass:"line-number"},[t._v("44")]),s("br"),s("span",{staticClass:"line-number"},[t._v("45")]),s("br"),s("span",{staticClass:"line-number"},[t._v("46")]),s("br"),s("span",{staticClass:"line-number"},[t._v("47")]),s("br"),s("span",{staticClass:"line-number"},[t._v("48")]),s("br"),s("span",{staticClass:"line-number"},[t._v("49")]),s("br"),s("span",{staticClass:"line-number"},[t._v("50")]),s("br"),s("span",{staticClass:"line-number"},[t._v("51")]),s("br"),s("span",{staticClass:"line-number"},[t._v("52")]),s("br"),s("span",{staticClass:"line-number"},[t._v("53")]),s("br"),s("span",{staticClass:"line-number"},[t._v("54")]),s("br"),s("span",{staticClass:"line-number"},[t._v("55")]),s("br"),s("span",{staticClass:"line-number"},[t._v("56")]),s("br"),s("span",{staticClass:"line-number"},[t._v("57")]),s("br"),s("span",{staticClass:"line-number"},[t._v("58")]),s("br"),s("span",{staticClass:"line-number"},[t._v("59")]),s("br"),s("span",{staticClass:"line-number"},[t._v("60")]),s("br"),s("span",{staticClass:"line-number"},[t._v("61")]),s("br"),s("span",{staticClass:"line-number"},[t._v("62")]),s("br"),s("span",{staticClass:"line-number"},[t._v("63")]),s("br"),s("span",{staticClass:"line-number"},[t._v("64")]),s("br"),s("span",{staticClass:"line-number"},[t._v("65")]),s("br"),s("span",{staticClass:"line-number"},[t._v("66")]),s("br"),s("span",{staticClass:"line-number"},[t._v("67")]),s("br"),s("span",{staticClass:"line-number"},[t._v("68")]),s("br"),s("span",{staticClass:"line-number"},[t._v("69")]),s("br"),s("span",{staticClass:"line-number"},[t._v("70")]),s("br"),s("span",{staticClass:"line-number"},[t._v("71")]),s("br"),s("span",{staticClass:"line-number"},[t._v("72")]),s("br"),s("span",{staticClass:"line-number"},[t._v("73")]),s("br"),s("span",{staticClass:"line-number"},[t._v("74")]),s("br"),s("span",{staticClass:"line-number"},[t._v("75")]),s("br"),s("span",{staticClass:"line-number"},[t._v("76")]),s("br"),s("span",{staticClass:"line-number"},[t._v("77")]),s("br"),s("span",{staticClass:"line-number"},[t._v("78")]),s("br"),s("span",{staticClass:"line-number"},[t._v("79")]),s("br"),s("span",{staticClass:"line-number"},[t._v("80")]),s("br"),s("span",{staticClass:"line-number"},[t._v("81")]),s("br"),s("span",{staticClass:"line-number"},[t._v("82")]),s("br"),s("span",{staticClass:"line-number"},[t._v("83")]),s("br"),s("span",{staticClass:"line-number"},[t._v("84")]),s("br"),s("span",{staticClass:"line-number"},[t._v("85")]),s("br"),s("span",{staticClass:"line-number"},[t._v("86")]),s("br"),s("span",{staticClass:"line-number"},[t._v("87")]),s("br"),s("span",{staticClass:"line-number"},[t._v("88")]),s("br"),s("span",{staticClass:"line-number"},[t._v("89")]),s("br"),s("span",{staticClass:"line-number"},[t._v("90")]),s("br"),s("span",{staticClass:"line-number"},[t._v("91")]),s("br"),s("span",{staticClass:"line-number"},[t._v("92")]),s("br"),s("span",{staticClass:"line-number"},[t._v("93")]),s("br"),s("span",{staticClass:"line-number"},[t._v("94")]),s("br"),s("span",{staticClass:"line-number"},[t._v("95")]),s("br"),s("span",{staticClass:"line-number"},[t._v("96")]),s("br"),s("span",{staticClass:"line-number"},[t._v("97")]),s("br"),s("span",{staticClass:"line-number"},[t._v("98")]),s("br"),s("span",{staticClass:"line-number"},[t._v("99")]),s("br"),s("span",{staticClass:"line-number"},[t._v("100")]),s("br"),s("span",{staticClass:"line-number"},[t._v("101")]),s("br"),s("span",{staticClass:"line-number"},[t._v("102")]),s("br"),s("span",{staticClass:"line-number"},[t._v("103")]),s("br"),s("span",{staticClass:"line-number"},[t._v("104")]),s("br"),s("span",{staticClass:"line-number"},[t._v("105")]),s("br"),s("span",{staticClass:"line-number"},[t._v("106")]),s("br"),s("span",{staticClass:"line-number"},[t._v("107")]),s("br"),s("span",{staticClass:"line-number"},[t._v("108")]),s("br"),s("span",{staticClass:"line-number"},[t._v("109")]),s("br"),s("span",{staticClass:"line-number"},[t._v("110")]),s("br"),s("span",{staticClass:"line-number"},[t._v("111")]),s("br"),s("span",{staticClass:"line-number"},[t._v("112")]),s("br"),s("span",{staticClass:"line-number"},[t._v("113")]),s("br"),s("span",{staticClass:"line-number"},[t._v("114")]),s("br"),s("span",{staticClass:"line-number"},[t._v("115")]),s("br"),s("span",{staticClass:"line-number"},[t._v("116")]),s("br"),s("span",{staticClass:"line-number"},[t._v("117")]),s("br"),s("span",{staticClass:"line-number"},[t._v("118")]),s("br"),s("span",{staticClass:"line-number"},[t._v("119")]),s("br"),s("span",{staticClass:"line-number"},[t._v("120")]),s("br"),s("span",{staticClass:"line-number"},[t._v("121")]),s("br"),s("span",{staticClass:"line-number"},[t._v("122")]),s("br"),s("span",{staticClass:"line-number"},[t._v("123")]),s("br"),s("span",{staticClass:"line-number"},[t._v("124")]),s("br"),s("span",{staticClass:"line-number"},[t._v("125")]),s("br"),s("span",{staticClass:"line-number"},[t._v("126")]),s("br"),s("span",{staticClass:"line-number"},[t._v("127")]),s("br"),s("span",{staticClass:"line-number"},[t._v("128")]),s("br"),s("span",{staticClass:"line-number"},[t._v("129")]),s("br"),s("span",{staticClass:"line-number"},[t._v("130")]),s("br"),s("span",{staticClass:"line-number"},[t._v("131")]),s("br"),s("span",{staticClass:"line-number"},[t._v("132")]),s("br"),s("span",{staticClass:"line-number"},[t._v("133")]),s("br"),s("span",{staticClass:"line-number"},[t._v("134")]),s("br"),s("span",{staticClass:"line-number"},[t._v("135")]),s("br"),s("span",{staticClass:"line-number"},[t._v("136")]),s("br"),s("span",{staticClass:"line-number"},[t._v("137")]),s("br"),s("span",{staticClass:"line-number"},[t._v("138")]),s("br"),s("span",{staticClass:"line-number"},[t._v("139")]),s("br"),s("span",{staticClass:"line-number"},[t._v("140")]),s("br"),s("span",{staticClass:"line-number"},[t._v("141")]),s("br"),s("span",{staticClass:"line-number"},[t._v("142")]),s("br"),s("span",{staticClass:"line-number"},[t._v("143")]),s("br"),s("span",{staticClass:"line-number"},[t._v("144")]),s("br"),s("span",{staticClass:"line-number"},[t._v("145")]),s("br"),s("span",{staticClass:"line-number"},[t._v("146")]),s("br")])])])}),[],!1,null,null,null);s.default=e.exports}}]);