Как я могу изменить маркеры изображений в этом javascript - PullRequest
Новая
       18

Как я могу изменить маркеры изображений в этом javascript

0 голосов
/ 11 ноября 2009

Я хочу изменить изображения моих маркеров в этом 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>

Ответы [ 2 ]

1 голос
/ 11 ноября 2009

Вы можете указать параметры вашего маркера следующим образом: 

var num = 1 //etc..
var icon = new GIcon();
icon.image = "/mapIcons/icon"+num+".png";
icon.iconSize = new GSize(20,32);
icon.shadowSize = new GSize(20, 34);
icon.iconAnchor = new GPoint(11, 15);
icon.infoWindowAnchor = new GPoint(11, 15);
icon.shadow = "";
1 голос
/ 11 ноября 2009

Конструктор GMarker принимает GMarkerOptions в качестве второго параметра. Вы можете использовать это, чтобы указать GIcon для маркера.

Это может выглядеть примерно так: 

var marker = new GMarker(point, {
    icon: new GIcon(
        G_DEFAULT_ICON, 
        '/images/custom_marker.png')
    });

Используется значок по умолчанию в качестве базовой линии и изменяется только основное изображение. Существует ряд других свойств, которые можно установить на значке, в зависимости от того, нужно ли вам менять тень и т. Д.

Вы также можете загрузить свое изображение на сайт, например, Google Map Custom Marker Maker , который создаст дополнительные изображения и JavaScript для значка.

Наконец, ознакомьтесь с темой Пользовательские значки для маркеров в группе Карт Google.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...