Google Maps Application Developing —— Search Address

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<script type="text/javascript">
(function(){
    var map, geocoder, marker, infowindow;
 
    window.onload = function(){
         
        var mapOptions = {
            zoom:14,
            center:new google.maps.LatLng(39.9, 116.4),
            mapTypeId:google.maps.MapTypeId.ROADMAP
        };
 
        map = new google.maps.Map(document.getElementById('map'), mapOptions);
 
        var form = document.getElementById('addressForm');
 
            form.onsubmit = function(){
            var address = document.getElementById('address').value;
 
            getCoordinates(address);
 
            return false;
        }
    }
 
function getCoordinates(address){
    if(!geocoder){
        geocoder = new google.maps.Geocoder();
    }
 
    var geocoderRequest = {address:address}
         
    geocoder.geocode(geocoderRequest, function(results, status){
        if(status == google.maps.GeocoderStatus.OK){
            map.setCenter(results[0].geometry.location);
 
            if(!marker){
                marker = new google.maps.Marker({map:map});
            }
            marker.setPosition(results[0].geometry.location);
 
            if(!infowindow){
                infowindow = new google.maps.InfoWindow();
            }
 
            var content = '<strong>' + results[0].formatted_address +
                    '</strong><br/>';
            content += '纬度: ' + results[0].geometry.location.lat() + '<br/>';
            content += '经度: ' + results[0].geometry.location.lng();
 
            infowindow.setContent(content);
 
            infowindow.open(map, marker);
        }
    });
}
})();
posted @   Create Chen  阅读(909)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· SQL Server 2025 AI相关能力初探
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示