Skip to main content

Sample preview

  • Based on the default coordinate system (CGCS2000）Example of

Example display

Basic map operations​

Map initialization

Initialize the map. You can use the map parameters style, center, and zoom to define the initial appearance of the map.

Enlarge map

Enlarge map effect can be achieved.

Zoom out map

Can achieve zoom map effect

Get map level

You can get the zoom-in or zoom-out level of the currently displayed map.

Set map level

Map display at different levels can be customized.

Get map center

You can get the latitude and longitude coordinates of the center point of the currently displayed map.

Set map center

The longitude and latitude coordinates of the center point displayed on the map can be customized.

Get the map rotation angle

You can get the azimuth angle number of the currently displayed map.

Set map rotation angle

The number of azimuth angles displayed on the map can be customized.

Get map pitch angle

Gets the pitch angle of the currently displayed map.

Set map pitch angle

The number of pitch angles displayed on the map can be customized.

Map perspective switching

You can customize the center point coordinates, map level, etc. to switch the map perspective.

Map perspective changes continuously

Different center point coordinates, map levels, etc. can be set to achieve continuous switching of map perspectives.

Map center offset

The center point position of the map can be realized to move as the map moves.

Turn off double-click to enlarge

You can customize the setting to turn off the map zoom function when double-clicking the mouse.

Turn off scroll zoom

You can customize the settings to turn off the mouse scrolling map zoom function.

Turn off camera rotation

The viewing angle rotation function can be turned off in custom settings.

Set map visibility range

The display range of the current map can be customized.

Set map visibility level

The current map can be customized to display the maximum and minimum levels.

Whether the global map is drawn repeatedly

Supports repeated drawing of the map in the blank space when the map is zoomed

Get mouse coordinates

Can obtain the screen coordinates of the mouse click position and the latitude and longitude coordinates of the corresponding point.

Camera angle settings

The camera azimuth angle, pitch angle and center point coordinates can be set to change the camera angle of view.

Camera perspective acquisition

The azimuth angle, pitch angle, and center point latitude and longitude coordinates of the current camera can be obtained.

Camera perspective switch

The camera angle of view can be changed by setting the azimuth angle, pitch angle, and camera center point coordinates, creating a flying effect.

map sky settings

passskyParameter initialization sets the sky style of the map, supportedbasic、light、darkThree sky color settings.

map tools​

Map coordinate conversion

Coordinate conversion of point data between different coordinate systems can be achieved.

Add map operation tools

You can customize the settings to add map operation tools such as zoom in, zoom out, and north arrow.

Add map scale

A scale bar can be added customarily and the scale bar can automatically change as the map zooms.

2D measurement

It can realize area and distance measurement of two-dimensional maps.

Tags and infoboxes​

Add topopup

A pop-up box can be added to the map.

Removepopup

You can remove the pop-up box on the map.

Add tomarker

Ability to add labels to the map.

Removemarker

Ability to remove labels from the map.

Annotate 3D models

Supports text annotation of 3D models.

Create 3D labels

Supports displaying annotation layers in three-dimensional space based on coordinate points.

Click on the 3D tab

Support binding click events to 3D labels.

3D label avoidance

The effect of non-overlapping three-dimensional labels can be achieved.

Visualization layer (2D）​

raster layer​

loadWMSServe【EPSG:3857】

Support loadingWebMercator projectionWMSServe.

loadWMTSServe【EPSG:3857】

Support loadingWebMercator projectionWMTSServe.

Load Tiantu map service-Mercator projection

Supports loading Mercator projection sky map map service.

Load Tiantu map service-Latitude and longitude projection

Supports loading of latitude and longitude projection sky map service.

loadWMSServe【EPSG:4490】

Support loading countries2000coordinate systemCGCS2000ofWMSServe.

loadWMTSServe【EPSG:4490】

Support loading countries2000coordinate systemCGCS2000ofWMTSServe.

loadArcGISDynamic slicing service【EPSG:4528】

Support loadingWGS84coordinate systemArcGISDynamic slicing service.

loadArcGISStatic slicing service【EPSG:4528】

Support loadingWGS84coordinate systemArcGISStatic slicing service.

loadArcGISDynamic services

Support loadingArcGISDynamic services.

loadArcGISDynamic layers

Support loadingArcGISDynamic layers.

Raster service transparency settings

Support setting the transparency of raster services.

Raster service request scope settings

Supports setting the request range of raster services.

vector layer​

loadGeojsondata

Support loadingGeojsondata.

Load vector tile service

Support loading vector tile service.

point layer

Supports adding point layers.

line layer

Supports adding line layers.

Dashed line layer

Supports adding dotted line layers.

polygon layer

Supports adding polygon layers.

Custom icon layer

Supports adding custom icon layers.

Label layer

Supports layer attribute annotation.

Set label direction

Supports vertical text annotation.

Set label layer avoidance

Support label layer avoidance,Make the labels not overlap.

Track moving point animation

Support map display trajectory moving point animation effect.

Cluster plot

Supports building cluster plots based on scatter points

heat map

use heatmap layer Visualize the value of an attribute in different locations.

Migration map

It can display the migration trajectory and magnitude of data dynamically and in real time, allowing you to intuitively view the source and destination of data. Need to be introducedturf.js。

dynamic icon

Support dynamic icons, useCanvas APIBuild point icon.

vehicle trajectory line

Supports dynamic effects of vehicle movement trajectory lines.

Visualization layer (3D）​

vector layer​

Load 3D building

Supports3DForm presents the building.

Layered coloring of layer elements

Customize rendering colors based on feature attributes.

stacked cylinders

The expression of the proportional relationship between total quantity and component within the spatial scope, such as the tax amount of various water sources in the plot and the comparative relationship between the total tax amount.

3DContour surface

A visual expression of the spatial aggregation of continuously distributed objects in space, supporting the continuous animation of the migration and morphological changes of hot or cold areas.

load3Dtree model

Can be constructed based on coordinate points and related attribute information3Dtree model.

Skewed data model​

load3DTiles

Can be loaded into the map 3DTiles The tilted model in the format is not supported yet.cmptformat and compressed textures.

Load with geometry compression3DTiles

Supports loading of tilt data containing compressed models offline or on the intranet. Settings are required.loadOptionsparameter.

3DTilesInitial loading position change

Available at3DTilesWhen performing initial loading, set the position transformation of the tilt data.

video fusion​

Load video files

supporthtml5 videoVideo formats supported by the tag, includingMP4、WebM、Ogg。

Load live video

Live video can be loaded on the map, supportinghlsvideo streaming andflvVideo streaming.

3D video projection

Support forflvVideo stream access provides functions such as dynamic addition of video images, visible and hidden settings, viewpoint acquisition, and viewpoint positioning.

3D heat map​

3Dheat map

Availableheatmap-3dType layers visualize the value of an attribute in different locations.

3DReal-time heat map

Availableheatmap-3dType layers visualize certain attribute values ​​in different locations and support real-time refresh of heat maps.

Thematic Architecture​

Load thematic buildings

Users can use two-dimensionalGeoJSONdata, build3DModel generation custom3DThematic layer.

Load thematic buildings-model version

Model-based and texture-based rendering3DThe architectural thematic layer can load large-area architectural models. The architectural models must be produced according to the prescribed process.

3D model​

load3DPrecision mold

Support loadingglb、gltfformat 3D model, users can perform a series of interactive operations on the model.

Load with geometry compression3DModel

Support loadingglb、gltfFormat 3D compressed model.

loadfbxModel

Support loading fbx format 3D model, users can perform a series of interactive operations on the model and enable animation of the model.

loadobjModel

Support loading obj format 3D model, users can perform a series of interactive operations on the model.

model animation

Support loading 3D models to achieve animation effects.

Model emerge animation

Supports loading of 3D models to achieve an animation effect of the model appearing up and down.

Visual expression of underground space

Support underground space viewing.

3D graphics​

load point model

Models can be built based on coordinate points,Supports the creation of small cube and sphere models for loading and display.

Load models in batches

Batch loading and display of existing models can be performed based on coordinate points.

Batch loading and updating of 3D points

It can be combined with coordinate points, loaded in the form of particles, and coordinate data can be updated.

Add 3D lines

Three-dimensional lines can be constructed based on coordinate points.

Add 3D faces

Three-dimensional surfaces can be constructed based on coordinate points.

Construct a three-dimensional plane

A three-dimensional plane can be constructed based on line coordinates, and the plane can be mapped.

Construct a 3D cone

The vertebral body model can be constructed based on coordinate points.

3D effect​

3D effects collection

Shows all supported 3D effects.

3D dynamic line

It can realize the construction of three-dimensional dynamic lines based on coordinate points.

3D effect circle

It can realize the construction of three-dimensional dynamic circle model.

Add special effects ball

Special effect ball models can be constructed.

3D geofence

The effect of building a three-dimensional geofence model can be achieved.

3D model special effects

Supports adding 3D model special effects, the model is required to beYThe shaft faces upward.

Remove 3D model effects

Can remove 3D model special effects.

3D model wireframe settings

It can realize the functions of adding, deleting, displaying and hiding the 3D model wireframe.

Layer interaction​

Vector layer interaction​

Set layer visibility level

You can customize the maximum and minimum levels that the current layer can display.

Showing and hiding layers

The display and hiding of layers can be customized.

clickLayer query

When the mouse clicks on a layer feature, the attribute information of the feature is displayed.

hoverLayer query

Supports displaying the attribute information of the layer feature when the mouse is moved into the feature.

Zoom to change layer color

Supports layer color changes when the layer is zoomed in or out.

layer highlight

Supports highlighting the layer when the mouse moves into the point layer

Layer level adjustments

The hierarchical positions of different layers can be customized.

Layer data filtering

You can display only layer data that meets the custom set attribute conditions.

Remove layer

Supports removing layers.

Obtain clustering point information

Click the clustering point to obtain the original information and output it on the console.

Set layer feature status

When the mouse moves over a layer element, the state of the element changes.

Skewed Data Application​

3DTilesCoordinate picking

Support picking up in the map3DTilesThe coordinates of the format data need to be3DTileslayeredpickableThe property is set totrue。

3DTilesdynamic singulation

Support dynamic creation3DTilesThe outer bounding box model of the single area realizes the inner bounding box3DtilesSingle effect.

3D interaction​

Model translation

The translation direction and distance of the model can be customized.

Model rotation

The rotation direction and angle of the model can be customized and controlled.

Model scaling

The zoom in and out of the model can be customized and controlled.

Model visibility settings

The display and hiding functions of a single 3D model can be realized.

Remove model

Supports removing loaded models in 3D scenes.

Remove models based on attributes

Supports removing models built based on coordinate points based on a certain attribute of the model.

Model first rendering event monitoring

Supports monitoring the first rendering completion event of loaded 3D models.

Model highlight selection

Supports highlighting 3D models by moving the mouse.

Model attribute query

Supports clicking on the floor model to display the model name and obtain other related attributes.

3D coordinate picking

Supports mouse click on the 3D model to obtain intersection coordinate information.

3D flight positioning

Supports flight positioning based on three-dimensional coordinate points.

Get the model geometric center coordinates

The longitude and latitude coordinates of the model’s geometric center can be obtained.

Batch model highlight selection

Supports efficient picking and highlighting of 3D models built in automated batches based on mouse click model picking results.

Batch model texture transformation

Supports batch modification and restoration of 3D model textures built in automated batches based on number attributes.

3D model editing

Editing tools for 3D models can be customized and added to support operations such as translation, rotation, zoom and reset of 3D models, and the 3D model editing tool can also be exited.

3D model export

Supports the export of 3D models. The export parameters must be corresponding to the model object. glb The organizational structure of the file. Only a single model can be exported at a time.

3D development assistance​

3D scene camera acquisition

The camera object in the three-dimensional scene can be obtained and output on the console.

Add 3D model auxiliary coordinate system

Auxiliary coordinate systems for 3D models can be added.

Get the 3D model outsourcing box

A 3D model outsourcing box is available.

3D scene settings​

Initial lighting settings for 3D scene

Can initialize light sources in 3D scenes,Only takes effect on the layer where the current scene is located.

3D scene light settings

Light sources in three-dimensional scenes can be customized.

3D scene exposure settings

The exposure of the model in the three-dimensional scene can be customized.