javascript - 谷歌地图标记第一次无法加载

标签 javascript html google-maps-api-3

我的 Google map 标记第一次不会加载(但它确实以地址为中心),除非我将以下代码添加到底部...

 marker.setPosition(latlng);

为什么会出现这样的情况呢?这在我测试过的所有浏览器(FF、IE 和 Chrome 等)中都是相同的/

感谢您的帮助。

    var geocoder;
    var map;
    var marker;

    function initialize(){
    //MAP

      var latlng = new google.maps.LatLng('xxxxx','xxxxx');
      var options = {
        zoom: 16,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.SATELLITE
      };

      map = new google.maps.Map(document.getElementById("map_canvas"), options);

      //GEOCODER
      geocoder = new google.maps.Geocoder();



      markerImg = google.maps.MarkerImage({
        url: "newIcon.png"
      });

      marker = new google.maps.Marker({
        map: map,
        icon: markerImg,
        draggable: true
      });



;

    }

    $(document).ready(function() { 

      initialize();

etc

最佳答案

marker = new google.maps.Marker({
    map: map,
    icon: markerImg,
    draggable: true,
    position: latlng
  });

您在构建标记时没有为标记提供任何位置。

关于javascript - 谷歌地图标记第一次无法加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7965631/

相关文章:

javascript - 检查PouchDB文档是否为空

python - 用python抓取点击时出现的表格

javascript - 谷歌地图 API 函数 getlatlong

node.js - 我在哪里获取 googlemaps api node.js 示例

javascript - SweetAlert2 不适用于 IE 11,未定义 Promise

javascript - 从嵌套的谷歌地图标记数组获取标记位置

javascript - 如何在其他函数javascript中访问全局变量的值

JavaScript 强制视频在移动设备上自动播放

html - 我想使用 servlet 从 mysql 数据库检索图像,并在表中显示该图像以及该用户详细信息

css - 更改 Google Maps API 的字体系列