admin 管理员组

文章数量: 1184232

1、引入js(加key引用‘http://map.qq/api/js?v=2.exp&key=yourkey’)

<script charset="utf-8" src="http://map.qq/api/js?v=2.exp"></script>

2、demo：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>

    <script src="https://cdn.bootcss/jquery/3.3.1/jquery.min.js"></script>
    <script charset="utf-8" src="http://map.qq/api/js?v=2.exp"></script>


    <script src="http://pv.sohu/cityjson?ie=utf-8"></script>

</head>
<body>
    <div id="test" style="height: 500px"></div>


    <script type="text/javascript">



        var geo = new qq.maps.Geocoder()
        console.log(geo)
        geo.getLocation('中国,广州,沙太路268号')//地址
        geo.setComplete(function(res){
            console.log(res,res.detail.location)//得到经纬度
            var map = new qq.maps.Map(document.getElementById('test'),{
                center: res.detail.location,//将经纬度加到center属性上
                zoom: 16,//缩放   
                draggable: true,//是否可拖拽
                scrollwheel: true,//是否可滚动缩放
                disableDoubleClickZoom: false
            })
            var marker = new qq.maps.Marker({
                position: res.detail.location,//标记的经纬度
                animation: qq.maps.MarkerAnimation.BOUNCE,//标记的动画
                map: map//标记的地图
            })

            var citylocation = new qq.maps.CityService({
                //设置地图
                map : map,

                complete : function(results){
                    console.log(9999,results)
                }
            });
        })

    </script>


    <script type="text/javascript">
        console.log(returnCitySN,returnCitySN["cip"]+','+returnCitySN["cname"])//获取ip可进行ip定位
    </script>
</body>
</html>

本文标签： 腾讯 地址 地图 api

版权声明：本文标题：腾讯地图api（地址定位） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1755014984a3060111.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。