<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);
}
})
})
}