高德地图:通过地址查经纬度, 然后通过经纬度定点

<script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.8&key=d047a9f0bd15e00b39a3a2fdbb2b926a&plugin=AMap.Autocomplete"></script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>

 

<div class="control-group">
    <label class="control-label">按关键字搜索:</label>
    <div id="myPageTop">
        <div class="controls">
            <input type="text" class="input-xlarge" placeholder="请输入关键字进行搜索" id="tipinput">
            <button id="bt2" type="button" onclick="geoCode()">搜索</button>
        </div>
    </div>
    <div id="container" style="margin-top: 0.2cm;width:100%;height: 300px;"></div></div>

 

//通过地址查经纬度, 然后通过经纬度定点

function geoCode() {
    AMap.plugin('AMap.Geocoder', function() {
        var geocoder = new AMap.Geocoder({
            // city 指定进行编码查询的城市,支持传入城市名、adcode 和 citycode
        })
        var address  = document.getElementById('tipinput').value;
        geocoder.getLocation(address, function(status, result) {
            if (status === 'complete' && result.info === 'OK') {
                var lnglat = result.geocodes[0].location.toString();
                var lnglatArray = lnglat.split(",");
                $("#lonNum").val(lnglatArray[0]);
                $("#latNum").val(lnglatArray[1]);
                var map = new AMap.Map("container", {
                });
                var marker = new AMap.Marker({
                    icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-red.png",
                    position: new AMap.LngLat(lnglatArray[0],lnglatArray[1]),   // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
                    offset: new AMap.Pixel(-13, -30)
                });
                map.setZoom(15);
                map.setCenter(result.geocodes[0].location);
                map.add(marker);
            }
        })

    })
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值