Sencha touch 2：地图标记标题

Posted 2023-02-25

【中文标题】Sencha touch 2：地图标记标题

【英文标题】：Sencha touch 2: map marker titles

【发布时间】：2012-05-09 06:57:55

【问题描述】：

我可以在地图上添加标记，标记图钉看起来没问题，但我看不到任何标题！

我遍历我的商店并像这样添加它们：

           //plot the points on the map
           for (var i = 0; i < this.getCount(); i++)
                            
               var position = new google.maps.LatLng(this.getAt(i).data.Latitude, this.getAt(i).data.Longitude); 
               var marker = new google.maps.Marker(
                    position: position,
                   title : this.getAt(i).data.LocationDesc,
                   map: Ext.ComponentManager.get('jobmap').getMap()
               );
           

我看到图钉，但没有文字标题！数据还可以，我什至尝试过硬编码字符串。是否有某种覆盖/蒙版属性？如何让标题出现？

编辑：下面的解决方案解决了这个问题，但我也想我会抛出我遇到的相关问题的解决方案。

如果您想在多个标记上放置弹出信息窗口，您需要阅读以下内容：Trying to bind multiple InfoWindows to multiple Markers on a Google Map and failing

在您将字体设置为非白色之前，infoWindows 将是空白的！ Google Maps API InfoWindow not Displaying content

【问题讨论】：

标题是什么意思？您的意思是打开一些显示其地址的窗口吗？

【参考方案1】：

正如您在MarkerOptions Docs 中看到的， marker 的 title 属性被视为 rollover 文本。

我想知道，如何在smartphone 设备上看到它，没有像mouseover 这样的事件？

我认为您需要在地图上的click 上打开一些infoWindow 和pins/markers。

你可以这样做，

var infoWindow = new google.maps.InfoWindow( content:'_address_' ),

然后监听标记上的点击事件，

google.maps.event.addListener(marker, 'click', function() 
        infoWindow.open(map, marker);
);

【讨论】：

在多个绑定上会失败，你需要包装监听器