| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <%-- |
|---|
| | | Created by IntelliJ IDEA. |
|---|
| | | User: Administrator |
|---|
| | | Date: 2023/5/24 |
|---|
| | | Time: 13:37 |
|---|
| | | To change this template use File | Settings | File Templates. |
|---|
| | | --%> |
|---|
| | | <%@ page contentType="text/html;charset=UTF-8" language="java" %> |
|---|
| | | <html> |
|---|
| | | <head> |
|---|
| | | <title>Title</title> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div id="map_container"></div> |
|---|
| | | </body> |
|---|
| | | <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.159/dist/mapvgl.min.js"></script> |
|---|
| | | |
|---|
| | | <!-- å¦æ使ç¨å°Three.jsç¸å
³çå¾å±éè¦å¼ç¨ --> |
|---|
| | | <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.159/dist/mapvgl.threelayers.min.js"></script> |
|---|
| | | <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script> |
|---|
| | | <script> |
|---|
| | | // 1. å建å°å¾å®ä¾ |
|---|
| | | var bmapgl = new BMapGL.Map('map_container'); |
|---|
| | | var point = new BMapGL.Point(116.403748, 39.915055); |
|---|
| | | bmapgl.centerAndZoom(point, 17); |
|---|
| | | |
|---|
| | | // 2. å建MapVGLå¾å±ç®¡çå¨ |
|---|
| | | var view = new mapvgl.View({ |
|---|
| | | map: bmapgl |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 3. å建å¯è§åå¾å±ï¼å¹¶æ·»å å°å¾å±ç®¡çå¨ä¸ |
|---|
| | | var layer = new mapvgl.PointLayer({ |
|---|
| | | color: 'rgba(50, 50, 200, 1)', |
|---|
| | | blend: 'lighter', |
|---|
| | | size: 2 |
|---|
| | | }); |
|---|
| | | view.addLayer(layer); |
|---|
| | | |
|---|
| | | // 4. åå¤å¥½è§èååæ æ°æ® |
|---|
| | | var data = [{ |
|---|
| | | geometry: { |
|---|
| | | type: 'Point', |
|---|
| | | coordinates: [116.403748, 39.915055] |
|---|
| | | } |
|---|
| | | }]; |
|---|
| | | |
|---|
| | | // 5. å
³èå¾å±ä¸æ°æ®ï¼äº«åéæ¼çå¯è§åææ |
|---|
| | | layer.setData(data); |
|---|
| | | </script> |
|---|
| | | </html> |
|---|
