google maps v3 示例

最新推荐文章于 2021-12-02 10:40:22 发布

风平

最新推荐文章于 2021-12-02 10:40:22 发布

阅读量943

点赞数

CC 4.0 BY-SA版权

分类专栏：地图文章标签： google

本文链接：https://blog.youkuaiyun.com/hslhy/article/details/7688649

地图专栏收录该内容

2 篇文章

订阅专栏

本文提供了一个综合性的家庭百科平台，涵盖了房屋租赁和房产出售的相关信息，包括地图定位、地理位置信息获取等功能，方便用户快速了解并进行相关操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>家庭百科--房屋租赁、房产出售等家庭常用信息。</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script src="https://maps-api-ssl.google.com/maps/api/js?v=3&sensor=true" type="text/javascript"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
    var latlng = new google.maps.LatLng(37.736,115.69);
    var myOptions = {
      zoom:16,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("container"), myOptions);

//获取地理位置信息
if(navigator.geolocation){
   navigator.geolocation.getCurrentPosition(function(position) {
       latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
             map.setCenter(initialLocation);
   });
}else if (google.gears) {
    var geo = google.gears.factory.create('beta.geolocation');
    geo.getCurrentPosition(function(position) {
      latlng = new google.maps.LatLng(position.latitude,position.longitude);
      map.setCenter(initialLocation);
    });
}

</script>

</body>
</html>