Overview

The NavInfo Map JS SDK is a set of application interfaces written in the JavaScript language that supports both browser-based and mobile-based map application development.

JS SDK supports 2D and 3D map mode switching, providing map customization, layer loading, marker addition, map control, geometric calculation, coordinate conversion and many other interfaces to help users quickly build their own map application with rich functions and interactions.

Feature introduction and experience

Map

                    <!DOCTYPE html>
                    <html lang="en">
                    <head>
                        <meta charset="UTF-8" />
                        <title >example </title>
                        <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
                        <meta http-equiv="X-UA-Compatible" content="chrome=1" />
                        <style type="text/css">
                            * {
                                margin: 0;
                                padding: 0
                            }
                            /*#Map is the width and height of the map container , users setting
                            #map {
                               position: absolute;
                               top:0px;
                               right: 0px;
                               left: 0px;
                               bottom: 0px;
                            }*/
                        </style >
                        <link rel="stylesheet" href="${mapCss}" >
                    </head>
                    <body>
                    <div id="map" > </div >
                    <script src="${mapJs}" ></script>
                    <script type="text/javascript">
                        nimap.accessToken="your AK";
                        var map = new nimap.Map({
                            container: 'map',
                            style: '${mapStyle}',
                            Zoom: 11, // Initialize the map level
                            Center: [116.397428, 39.90923], // Initialize the map center point
                            localIdeographFontFamily: "PingFang SC, Microsoft YaHei, Microsoft Yahei, Arial, sans-serif, bold"
                        });
                    </script>
                    </body >
                    </html >