我想更改此 javascript 中标记的图像 有人能帮我解决这个问题吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"
type="text/javascript"></script>
<script type="text/javascript">
function geocoder(){
var place = document.getElementById("textarea").value;
geocoder = new GClientGeocoder();
geocoder.getLatLng(place, function(point)
{
if (!point)
{
alert(place + " not found");
}
else
{
var info = "<h3>"+place+"</h3>Latitude: "+point.y+" Longitude:"+point.x;
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(point, 13);
map.setUIToDefault();
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(point.toUrlValue(5));
}
}
);
}
</script>
</head>
<body>
<table width="347" border="1" align="right">
<tr>
<td width="168"> </td>
<td width="163"> </td>
</tr>
<tr>
<td height="45"><div align="right">Address : </div></td>
<td><form id="form1" name="form1" method="post" action="">
<label>
<textarea name="textarea" id="textarea"></textarea>
</label>
</form>
</td>
</tr>
<tr>
<td><form id="form2" name="form2" method="post" action="">
<label>
<input name="Button" type="Button" id="Button" value="Submit" onClick="geocoder()" onunload="GUnload()"/>
</label>
</form>
</td>
<td> </td>
</tr>
</table>
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>
</html>
最佳答案
GMarker
构造函数采用 GMarkerOptions
作为第二个参数。您可以使用它来指定 GIcon
用于标记。
它可能看起来像这样:
var marker = new GMarker(point, {
icon: new GIcon(
G_DEFAULT_ICON,
'/images/custom_marker.png')
});
这使用默认图标作为基线,并且仅更改主图像。您可以在图标上设置许多其他属性,具体取决于是否需要更改阴影等。
您还可以将图像上传到网站,例如 Google Map Custom Marker Maker ,这将为图标创建额外的图像和 javascript。
最后,查看 Custom Icons for Markers Google map 群组上的主题。
关于javascript - 如何更改此 javascript 中的标记图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1715707/