天地图api

http://lbs.tianditu.gov.cn/api/js4.0/examples.html 

499f430b0302994a048d8d5f0ed0cc19

http://demo.cn86.cn/p/contact.html

<div id="map"></div>
 
#map {
    overflow: hidden;
    width: 100%;
    height: 658px;
    margin: 0;
}
 
<script src="https://api.tianditu.gov.cn/api?v=4.0&tk=499f430b0302994a048d8d5f0ed0cc19"></script>
   
<script>
        var map, marker;
            var zoom = 18;
       
                //初始化地图对象
                map = new T.Map("map");
                //设置显示地图的中心点和级别
                map.centerAndZoom(new T.LngLat(120.97929,31.39458), zoom);
                var point = new T.LngLat(120.97929,31.39458);
                marker = new T.Marker(point);// 创建标注
                map.addOverLay(marker);
                var markerInfoWin = new T.InfoWindow("祥云平台<br>地址：苏州市昆山市昆太路530号祥和国际大厦");
                marker.addEventListener("click", function () {
                    marker.openInfoWindow(markerInfoWin);
                });// 将标注添加到地图中
           
    </script>