南昌市高新区艾溪湖二路 366号悦峰商务广场1#办公楼 1404室 15179110655

您现在的位置:

快速入门

完成准备工作篇工作之后,即可进行地图应用的开发。本章将带您快速了解地图的基本使用方法,如创建地图、点标记、弹窗、事件功能等。


创建地图

创建地图只需一行代码,构造参数中的map为准备工作阶段添加的地图容器的id,同时开发者可以给地图设置中心点、级别、显示模式、自定义样式等属性:

                  var map = new xtal.Map({
                        container: 'map',
                        style: 'xtal://styles/public/adc7a70e-4d5d-4ae7-9788-c73ec96e1f6b',
                        zoom:11, //初始化地图层级
                        center: [115.8819, 28.68952] //初始化地图中心点
                  });
                

点标记

JS SDK 提供在地图上绘制覆盖物的能力。 比如添加一个默认样式Marker的方法:

                        var marker = new xtal.Marker().setLngLat([116.39, 29.9]);
                        marker.addTo(map);//添加到地图
                    

移除的方法如下:

                        marker.remove();