首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Mapstraction:添加图标后更改图标的图像URL?

Mapstraction:添加图标后更改图标的图像URL?
EN

Stack Overflow用户
提问于 2010-04-28 12:14:24
回答 1查看 1.5K关注 0票数 2

我正在尝试使用marker.setIcon()来更改标记图像。但是,虽然这改变了marker.iconUrl属性,但图标本身使用marker.proprietary_marker.$.icon.image显示标记图像,因此标记图标保持不变。是否有一种动态更改marker.proprietary_marker.$.icon.image的方法

  1. 添加了一个标记。
  2. 检查图标的图像url和专有图标的图像-它们是相同的。
  3. 更改图标。
  4. 再次检查url。现在图标Url已经改变了,但是标记仍然显示在专有标记对象中的旧图像。

代码语言:javascript
复制
 <head>
<title>Map Test</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=Your-Google-API-Key" type="text/javascript"></script>
<script src="mapstraction.js"></script>

<script type="text/javascript">
var map;
var marker;

function getMap(){
        map = new mxn.Mapstraction('myMap','google');
    map.setCenterAndZoom(new mxn.LatLonPoint(45.559242,-122.636467), 15);
}


function addMarker(){
        marker = new mxn.Marker(new mxn.LatLonPoint(45.559242, -122.636467));
    marker.addData({infoBubble : "Text", label : "Label",  marker : 4, icon: "http://mapscripting.com/examples/mashups/richter-high.png"});
    map.addMarker(marker);
}

function changeIcon(){
    marker.setIcon("http://assets1.mapufacture.com/images/markers/usgs_marker.png");
}


function showIconURL(){
        alert(marker.iconUrl);
} 


function showProprietaryIconURL(){
    alert(marker.proprietary_marker.$.icon.image);
}

</script>
</head>
<body onload="getMap()">
<div id="myMap" style="width:627px; height:412px;"></div>
<div>
    <input type="button" value="add marker" OnClick="addMarker();">
    <input type="button" value="change icon" OnClick="changeIcon();">
    <input type="button" value="show icon URL" OnClick="showIconURL();">
    <input type="button" value="show proprierty icon URL " OnClick="showProprietaryIconURL();">
</div>
</body>
</html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-05-11 13:43:17

据我所知,一旦你创建了一个标记,你就不能再改变标记的“图标”了。您可以更改标记本身的图像属性,但据我所读,我不认为在生成标记后通过图标选项对其进行更改。

我也相信我读过,如果你确实改变了图标的形象,它将保持相同的大小属性,你最初在你的图标设置为标记选项。如果第一个图像设置为15x15,第二个图像设置为5x5,则5x5将调整为15x15。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2729275

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档