javascript - map 上也没有出现标记

标签 javascript jquery html google-maps google-maps-api-3

我想要的是一张 map ,当我在某个位置设置标记时,我会得到它的纬度和经度...请告诉我我的代码有什么问题吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>geoloaction</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script> 
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
$(function(){


 var latlng=new google.maps.LatLng(35.6771389,10.0972400);
 var map=new google.maps.Map(document.getElementById('gmap'),{
 zoom:13,
center:latlng,
mapTypeld:google.maps.MapTypeld.ROADMAP });
 var marker=new google.maps.Marker({
  position:latlng,
   map:map,
   title:'bougez ce cuseur' ,
   draggable: true });
 var geocoder=new google.maps.Geocoder();
 google.maps.event.addListener(marker,'drag',function(){
 setPosition(marker); });
                     return false; });
 function setPosition(marker){
  var pos=marker.getPosition();
 $(document.getElementById('Lat')).val(pos.lat());
   $(document.getElementById('Lng')).val(pos.lng());
 }
  </script>
</head>

<body>

<div id="gmap" style="width:100%;height:400px;"></div>

</body>

最佳答案

这是解决方案https://jsfiddle.net/m97o308u/

它不是 MapTypeld 而是 MapTypeId

您应该将此行 mapTypeld:google.maps.MapTypeld.ROADMAP 更改为 mapTypeId:google.maps.MapTypeId.ROADMAP

关于javascript - map 上也没有出现标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29308711/

相关文章:

javascript - 关闭浏览器时打开自定义弹出窗口

javascript - d3js 图形在不正确的坐标处绘制

javascript - JSFiddle 中的 jQuery 触发器和 On

javascript - 从数组 Ionic 2 Storage 中删除元素

jquery - 将 HTML Touch 事件添加到 jQuery

jquery - 调整文本和最大宽度图像的问题

javascript - css 显示属性通过 javascript 更改

javascript - 如何在同一个元素中调用onclick两次

javascript - JQuery如何根据子元素的内容删除元素

javascript - 使用 Jquery 获取动态事件中的文本