|  |  |  | 
|---|
|  |  |  | this.coordinatesText = new PIXI.Text('{ x: 0, y: 0 }', { | 
|---|
|  |  |  | fill: this.themeMode === 'dark' ? 0xdddddd : 0x333333, | 
|---|
|  |  |  | fontSize: 13, | 
|---|
|  |  |  | fontFamily: 'MicrosoftYaHei', | 
|---|
|  |  |  | fontFamily: 'Microsoft YaHei', | 
|---|
|  |  |  | fontWeight: 'bold', | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | this.coordinatesText.name = 'xyStr' | 
|---|
|  |  |  | this.coordinatesText.name = 'xyStr'; | 
|---|
|  |  |  | this.coordinatesText.position.set(10, 10); | 
|---|
|  |  |  | this.app.stage.addChild(this.coordinatesText); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const mouseMoveInfoTextHandler = (event) => { | 
|---|
|  |  |  | const mouseX = (event.clientX - this.mapContainer.position.x) / this.scale; | 
|---|
|  |  |  | const mouseY = (event.clientY - this.mapContainer.position.y) / this.scale; | 
|---|
|  |  |  | this.coordinatesText.text = `{ x: ${mouseX.toFixed(2)}, y: ${mouseY.toFixed(2)} }`; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | this.app.view.addEventListener('mousemove', mouseMoveInfoTextHandler); | 
|---|
|  |  |  | this.app.stage.on('pointermove', (event) => { | 
|---|
|  |  |  | const worldPos = event.data.getLocalPosition(this.mapContainer); | 
|---|
|  |  |  | this.coordinatesText.text = `{ x: ${worldPos.x.toFixed(2)}, y: ${worldPos.y.toFixed(2)} }`; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | showGridLines = () => { | 
|---|
|  |  |  | this.hideGridLines(); | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | app.stage.eventMode = 'static'; | 
|---|
|  |  |  | app.stage.hitArea = app.screen; | 
|---|
|  |  |  | app.stage.interactive = true; | 
|---|
|  |  |  | app.view.addEventListener('contextmenu', (event) => { | 
|---|
|  |  |  | event.preventDefault(); | 
|---|
|  |  |  | }); | 
|---|