显示地图谷歌地图JavaScript API v3

大家好，我试着用joomla制作的网站使用地理定位

我得到了经纬度和精细度。。。但是不要给我看地图 在我的代码中，我在div中绘制地图

这是我的密码

   <script type="text/javascript">
     function init() {
     if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(function(position) {
     var myLatlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);

    var mapOptions= {
     zoom: 14,
     center: myLatlng,
     mapTypeId: google.maps.MapTypeId.ROADMAP
    };

     var map = new google.maps.Map(document.getElementById('map'), mapOptions);
     var marcador = new google.maps.Marker();
     marcador.setPosition(pos);
     marcador.setMap(map);

     }, function() {
     alert("su navegador no acepta geolocalización");
     });
     }
     }   
     google.maps.event.addDomListener(window, 'load', init);
     </script>

函数init（）{
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（函数（位置）{
var myLatlng=new google.maps.LatLng（position.coords.latitude，position.coords.longitude）；
变量映射选项={
缩放：14，
中心：myLatlng，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（'map'），mapOptions）；
var marcador=new google.maps.Marker（）；
马卡多设定位置（pos）；
marcador.setMap（map）；
}，函数（）{
警惕（“su navegador no acepta Geologización”）；
});
}
}   
google.maps.event.addDomListener（窗口'load'，init）；

我脑子里有这个

    <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js?ver=3.1.2'></script>

他在我的身体里

<div id="map"></div>

我读过其他文章，也有同样的问题，但我没有在我的代码中找到错误

---

谢谢哪里定义了

pos

？这很可能会导致JS错误，从而阻止地图显示

marcador.setPosition(pos);

---

哪里定义了

pos

？这很可能会导致JS错误，从而阻止地图显示

marcador.setPosition(pos);

给你的div一个尺寸（宽度和高度）：

给你的div一个尺寸（宽度和高度）：

---

您需要为#贴图设置宽度和高度值，并确保调用init（）

---

这里是我的JSFIDLE:

您需要为#贴图设置宽度和高度值，并确保调用init（）

---

下面是我的JSFIDLE:

代码中有一些小错误-提示：尝试使用Chrome中的Javascript控制台查看这些错误：

• 这里没有定义“pos”：marcador.setPosition（pos）
• …如果要使用它创建标记，则必须使用LatLng对象
• 为div指定宽度和高度（如果您在CSS文件中没有这样做）

---

代码中有一些小错误-提示：尝试使用Chrome中的Javascript控制台查看这些错误：

• 这里没有定义“pos”：marcador.setPosition（pos）
• …如果要使用它创建标记，则必须使用LatLng对象
• 为div指定宽度和高度（如果您在CSS文件中没有这样做）