谷歌地图通过关键字搜索地理坐标

最新推荐文章于 2025-04-28 10:25:57 发布

三体人1379号

最新推荐文章于 2025-04-28 10:25:57 发布

阅读量395

点赞数 3

分类专栏：地图文章标签： html5 javascript

本文链接：https://blog.csdn.net/maofengwoaini/article/details/134365243

版权

地图专栏收录该内容

1 篇文章

订阅专栏

谷歌地图提供了通过关键字搜索地理坐标的功能，通常通过使用地理编码（Geocoding）服务来实现。以下是一种使用谷歌地图地理编码服务的方法，以根据关键字搜索地理坐标：

<!DOCTYPE html>
<html>
<head>
    <title>Google Maps Geocoding</title>
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE"></script>
</head>
<body>
    <h1>Geocode Address</h1>
    <div id="map" style="height: 400px; width: 100%;"></div>
    <script>
        // 初始化地图
        function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
                center: { lat: 0, lng: 0 },
                zoom: 15 // 初始缩放级别
            });

            // 创建一个地理编码服务对象
            var geocoder = new google.maps.Geocoder();

            // 地址关键字
            var address = "Eiffel Tower, Paris";

            // 进行地理编码
            geocoder.geocode({ 'address': address }, function (results, status) {
                if (status === 'OK') {
                    // 获取搜索结果的地理坐标
                    var location = results[0].geometry.location;

                    // 在地图上标记地理坐标
                    var marker = new google.maps.Marker({
                        map: map,
                        position: location,
                        title: address
                    });

                    // 将地图中心设置为搜索结果的位置
                    map.setCenter(location);
                } else {
                    alert('地理编码失败：' + status);
                }
            });
        }

        // 在页面加载后初始化地图
        google.maps.event.addDomListener(window, 'load', initMap);
    </script>
</body>
</html>