gpt4 book ai didi

javascript - Mapstraction:在添加图标后更改图标的图像 URL?

转载 作者:行者123 更新时间:2023-11-30 06:08:00 25 4
gpt4 key购买 nike

我正在尝试使用 marker.setIcon() 来更改标记图像。然而,看起来虽然这改变了 marker.iconUrl 属性,但图标本身正在使用 marker.proprietary_marker.$.icon.image 来显示标记图像 - 所以标记图标保持不变。有没有办法动态更改 marker.proprietary_marker.$.icon.image

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

 <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>

最佳答案

据我所知,一旦您创建了一个标记,您就不能再更改该标记的“图标”。您可以更改标记本身的图像属性,但根据我所读的内容,我认为在生成标记后无法通过图标选项更改它。

我还相信我读到过,如果您确实更改了图标的图像,它将保持您最初在图标设置中为标记选项设置的相同大小属性。 IE 如果第一张图片设置为 15x15,第二张图片设置为 5x5,则 5x5 将调整为 15x15。

关于javascript - Mapstraction:在添加图标后更改图标的图像 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2729275/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com