谷歌地图和jQuery错误消息-地理定位

Google maps and jQuery error messages - geolocation

本文关键字：-地 定位 消息 错误 jQuery 谷歌地图      更新时间：2023-09-26

我试图在我的网站上的一个简单的谷歌地图上显示用户位置，标题部分：

<head>
    <!--jquery ,js scripts  -->
    <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <!--js scripts -->
    <script src="jsCode.js"></script> 
    <script src ="sirJson.js"></script>
    <!--gMap plugin API -->
    <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyAVVQuKtaYbe30ZdNueAcpcXXXIik_5Rjs"></script>
    <script src = "gmap.js"></script>    
</head>

和地图div:

<div data-role="main" class="ui-content">
            <div id="map"></div>
        </div>

在js部分，我尝试过：

$('#mapButton').click (function () {
        var myMap = document.getElementById('map');
        var map = new google.maps.Map(myMap);
         var mapOptions = { 
            center: new google.maps.LatLng(43.552965, 43.47315),
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        })  ;

错误：

未捕获的类型错误：无法读取null 的属性"lat"

用户位置：

var myMap = document.getElementById('map');
        var map = new google.maps.Map(myMap);
         var mapOptions = { 
            center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        })  ;

错误

未捕获引用错误：位置未定义，您拒绝了检索位置的权限-错误。

小提琴http://jsfiddle.net/rma3jzgw/->修复一些东西->通过谷歌地图显示位置

我只是简单地从https://developers.google.com/maps/documentation/javascript/tutorial它起到了的作用

<script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
           function initialize() {
            var map_canvas = document.getElementById('map_canvas');
            var map_options = {
                center: new google.maps.LatLng(16.470, 96.100),
                zoom: 8,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(map_canvas, map_options)
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>-->
相关文章：