100分悬赏: Google Map中的标记 Marker设置的问题

2011-08-09 10:36:33 2.3k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

2021年在vue中使用 Google Map 2021年在vue中使用 Google Map 目前在vue中使用google map有以下两种方法：一、使用 JavaScript 创建地图实例该方法优点在于可配置项多，方便自定义，缺点是较复杂，且文档为英文，有一定学习难度。在开始之前确保你已经在https://console.cloud.google.com/google/maps-apis/overview（谷歌地图API官网）创建账户、开通并启用以下API，最后获取到你的Google Map JavaScript API Key，并且有科学阅读详情

大家好, 在使用 Google map 中标记时有如下问题:
在javascript中定义操作新增或更新标记的方法



 var map, markers, poly, latLngs;



    // 新增或者修改 marker

    function updateMarker(index, lat, lng, icon, title, isLocation)

    {

       var ret;

       var newPos = new google.maps.LatLng(lat, lng);

      // 如果是第一次创建则新增 marker 对象, 否则修改

       if (markers[index] == null)

       {

           var image = new google.maps.MarkerImage(icon,

              new google.maps.Size(32, 32),

              new google.maps.Point(0,0),

              new google.maps.Point(16, 16));   // anchor 锚定点(图标的中心点)   

           var marker = new google.maps.Marker(

            {

               position: newPos,

               map: map,

               icon: image,

               title: title

            });    

           markers[index]= marker;     

          ret = "新增: " + index;

       }

       else

       {       

             markers[index].setPosition(newPos);

             markers[index].setIcon(icon);

             markers[index].setTitle(title);

             ret = "更新: " + index;

       }    

       // 是否定位跟踪

       if (isLocation == 1)       

         map.setCenter(newPos);

       return ret;

    }

下面的2个问题一直得不到解决:
1. Marker 的 title 怎样让它一直显示, 而不是当鼠标移到上面才显示呢?
2. Marker 显示的图标是大小 32x32 的png格式文件, 设置的锚定点无效, 总是显示为默认的底部中间位置, 即 (16, 32) 处. 但按照 Google 地图官方示例:polyline-complex.html, 修改采用本地icon时, 当在地图上点击时画出的 marker 可以按照设置将icon 中心点放在标记点上. 可上面的 image 和 marker定义与示例中的是一样的呀.

...全文