准备工作

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

准备页面

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

HTML

                    <link rel="stylesheet" href="https://nmap.autoai.com/res/static/nglp-map.css?v=47A53B80B2B2F99A">
                    <script type="text/javascript" src="https://nmap.autoai.com/res/static/nglp-map.js?v=47A53B80B2B2F99A"></script>

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

HTML

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

HTML

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

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

HTML