百度地图：输入地址获取对应经纬度html

原创

于 2021-12-28 11:38:43 发布 · 779 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #xhtml #javascript

该博客介绍了如何通过JavaScript与百度地图API结合，实现输入地址后获取对应的经纬度坐标，主要用于网页中地图定位功能的应用。

效果图：

代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>根据地址查询经纬度</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body style="background:#CBE1FF">
    <div style="width:730px;margin:auto;">   
        要查询的地址：<input id="text_" type="text" value="宁波天一广场" style="margin-right:100px;"/>
        查询结果(经纬度)：<input id="result_" type="text" />
        <input type="button" value="查询" onclick="searchByStationName();"/>
        <div id="container" 
            style="position: absolute;
                margin-top:30px; 
                width: 730px; 
                height: 590px;