准备工作

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

申请“REST API”密钥（AK）

NIMAP JS SDK的重要凭证。为避免被盗用，请妥善保存。AK的申请请联系邮箱lbs@navinfo.com。

准备页面

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

HTML

                    <link rel="stylesheet" href="https://lbs.navinfo.com/open-map/static/ni-map.css?v=1229CD952A50EF9E">
                    <script type="text/javascript" src="https://lbs.navinfo.com/open-map/static/ni-map.js?v=1229CD952A50EF9E"></script>

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

HTML

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

HTML

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

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

HTML

5. 在使用NIMAP JS SDK时，请添加nimap.acceessToken="您的AK"。示例代码如下：

HTML

                    nimap.accessToken = "您的AK"