Google Maps Application Developing —— Location

 
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
<script type="text/javascript">
    (function () {
        var map;
        window.onload = function () {
            // Creating a map
            var mapOptions = {
                zoom: 15,
                center: new google.maps.LatLng(31.35, 3.51),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById('map'), mapOptions);
            // Checking if geo positioning is available
            if (geo_position_js.init()) {
                // Creating a settings object
                var settings = {
                    enableHighAccuracy: true
                };
                // Trying to determine the location of the user
                geo_position_js.getCurrentPosition(setPosition, handleError, settings);
            } else {
                alert('目前设备不支持地理定位!');
            }
        };
        function handleError(error) {
            alert('Error = ' + error.message);
        }
        function setPosition(position) {
            // Creating a LatLng from the position info
            var latLng = new google.maps.LatLng(position.coords.latitude,
position.coords.longitude);
            // Adding a marker to the map
            var marker = new google.maps.Marker({
                position: latLng,
                map: map
            });
            // Creating an InfoWindow
            var infoWindow = new google.maps.InfoWindow({
                content: '你在这里!'
            });
            // Adding the InfoWindow to the map
 
            infoWindow.open(map, marker);
            // Zooming in on the map
            map.setZoom(15);
        }
    })();
</script>
posted @   Create Chen  阅读(1128)  评论(2编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· SQL Server 2025 AI相关能力初探
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示