未来穗香

导航

 

显示效果:

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
        <title></title>
    <!--高德地图密钥-->
        <script src="https://webapi.amap.com/maps?v=1.4.15&key=a71dea33936786f48d7116552f951618"></script>
        <style type="text/css">
            #ditu{
                height:500px;
                border: 1px solid black;
            }
        </style>
    </head>
    <body>
        <div id="ditu"></div>
    </body>
</html>
<script type="text/javascript">
    var map = new AMap.Map('ditu', {
        //显示地区的经纬度
        center:[113.015383, 25.83216],
       //放大值
       zoom:10
    });
</script>

 

posted on 2019-11-21 16:49  未来穗香  阅读(232)  评论(0编辑  收藏  举报