百度地图根据输入的位置获取坐标

在操作页面引入以下js

//百度官方js
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
//根据输入获取坐标的js
    <script type="text/javascript" src="http://***.com/assets/js/shop.js"></script>

//表单代码:
<input placeholder="请输入商铺地址" id="address" required="true" type="text" />
<input placeholder="点击自动获取坐标" readonly="true" id="shopcoord" type="text" />
<input id="getPoint" type="button" value="获取坐标" />

shop.js 代码:

$(function(){
    /**
     * 点击获取坐标
     */
    $('#getPoint').click(function(){
        if($('#address').val() == ''){
            alert('请填写一个地址');
        }
        var adds = $('#address').val();
        getPoint(adds);
    })
})
function getPoint(adds){
    // 创建地址解析器实例
    var myGeo = new BMap.Geocoder();
    // 将地址解析结果显示在地图上,并调整地图视野
    myGeo.getPoint(adds, function(point){
        $('#shopcoord').val(JSON.stringify(point));
    }, "北京市");
}
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值