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

您现在的位置:

准备工作

本章介绍使用水晶地图 JS SDK 开发地图应用之前的一些准备工作。


准备页面

1. 在页面添加 JS SDK 的入口脚本标签及CSS标签。

                    <link rel="stylesheet" href="http://crystal-map.com/dev/2032041851/static/res/xtal-gl.css">
                    <script type="text/javascript" src="http://crystal-map.com/dev/2032041851/static/res/xtal-gl.js"></script>
                

2. 添加div标签作为地图容器,同时为该div指定id属性;

3. 为地图容器指定高度、宽度;

                    #map {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        width: 100%;
                    }
                

4. 进行移动端开发时,请在head内添加viewport设置,以达到最佳的绘制性能;

5. 完成上述准备工作之后,便可进行开发工作了,查看 快速入门