zoukankan      html  css  js  c++  java
  • 使用百度地图 进行逆地址解析

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
            body, html{ 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:14px;}
            #allmap {100%;height:100%;}
        </style>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=这里填写百度key"></script>
        <title>逆地址解析</title>
    </head>
    <body>
    <div id="allmap"></div>
    <script type="text/javascript" >
        function map_click(lng,lat){
            var map = new BMap.Map("allmap");
            var point = new BMap.Point(lng,lat);
            // map.centerAndZoom(point,12);
            var geoc = new BMap.Geocoder();
            geoc.getLocation(point,function(rs){
                var addComp = rs.addressComponents;
                console.log(addComp);
                alert(addComp.province  + addComp.city  + addComp.district + addComp.street + addComp.streetNumber);
            });
        }
        map_click(116.38,39.90);
        //参数解析
        //@parameter1 lng 传入的经度
        //@parameter2 lat 传入的纬度
    
    </script>
    </body>
    </html>
  • 相关阅读:
    P2437 蜜蜂路线题解
    P1044 栈题解
    P1002 过河卒题解
    P1433 吃奶酪题解
    组合数公式
    P1036 选数题解
    十进制转二进制方法整理
    golang学习笔记 ---工作区与GOPATH
    golang学习笔记---闭包
    golang学习笔记---类型
  • 原文地址:https://www.cnblogs.com/caitangbutian/p/12938767.html
Copyright © 2011-2022 走看看