javascript - 如何更改此 javascript 中的标记图像

标签 javascript google-maps

我想更改此 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&amp;v=2&amp;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">&nbsp;</td> 
    <td width="163">&nbsp;</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>&nbsp;</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/

相关文章:

javascript - 使用 JavaScript 在请求之间传递一次性值的最佳方式

google-maps - Google 地理编码器如何工作?

json - Google Map API 搜索请求无英文地点 (SWIFT)

java - 使用 api 查找已知地点的纬度和经度?

javascript - 谷歌地图 v3 像 Pinterest map (移动中心位置和改变标记区域)

javascript - 输出嵌套集合中的所有文档

javascript - 在 .slideToggle() 之后改回 css

用 JavaScript 编写的 JavaScript 解析器

javascript - 正则表达式 : substring not followed by character

android - 是否可以通过Google Places API获取 "Popular times"信息