百度地图输入地名获取自动获取坐标

最新推荐文章于 2022-12-06 17:57:23 发布

原创

最新推荐文章于 2022-12-06 17:57:23 发布 · 1.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#数据库 #前端 #javascript #ViewUI

该博客介绍如何通过前端JavaScript技术结合百度地图API，实现根据输入的省市区地址，自动查询并获取对应的地理坐标。

根据省市区地址查询，得到坐标

<head>
    <title>根据地址查询经纬度</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="http://api.map.baidu.com/api?v=2.0&ak=<?php echo Yii::app()->params['BAIDU_MAP_AK']; ?>"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
</head>
<body style="background:#CBE1FF">
    地区<select name="provinceName"></select><select id="cityName" onchange="location_city()"></select><select name="AreaName"></select>
    地址：<input id="address" type="text" value="北京市海淀区上地10街" style="margin-right:100px;"/>
    <input type="button" value="查询" onclick="searchByStationName();"/>
    坐标<input id="result_" type="text"/>
    <div id=