2011-01-26 103 views
6

我如何更改我的标记在google map.is中可能会将我们的custome图像添加到地图中?更改Google地图标记

感谢, 伴侣

+2

在提出明显问题之前,请阅读文档。 – ifaour 2011-01-26 09:12:20

回答

0

是的,你绝对可以:

试试这个

var map = new GMap2(document.getElementById("YOUR MAP ID")); 

var icon = new GIcon(); 
icon.image = "IMAGE PATH - RELETIVE OR ABSOLUTE"; 
icon.iconSize = new GSize(25, 30); 
icon.iconAnchor = new GPoint(6, 20); 

var marker = new GMarker(new GLatLng(Latitude, Longitude), { draggable: false, title: YOURTITLEHERE, icon: icon }); 
map.addOverlay(marker); 
+0

感谢您的帮助,我添加了ur代码,但现在我得到了两个标记,默认baloon标记和我添加的自定义标记。如何删除默认标记。 – user232751 2011-01-26 07:52:02

1

这是一个我用用我自己定制设计的标记代替谷歌的默认标记的方式。

加入这行代码:

var icon = new GIcon(); 
     icon.image = "http://yourwebsite.com/logo.png"; 
     icon.shadow = "http://youwebsite.com/shadow.png"; 
     icon.iconSize = new GSize(50, 28); 
     icon.shadowSize = new GSize(68, 28); 
     icon.iconAnchor = new GPoint(37, 59); 
     icon.infoWindowAnchor = new GPoint(31, 8); 

调整GSize两个iconSize并在必要时shadowSize。圆括号中的第一个数字定义了标记的宽度,第二个数字定义了高度(均以像素为单位)。

现在,加入这行代码:

function createMarker(point, name, address) 

希望帮助:

var marker = new GMarker(point, icon); 

只是这行后!你可以在http://icode4you.net/developing-a-custom-store-locator-map-using-your-own-custom-markers-instead-of-googles-default-markers上看到我写的博文,如果你有任何疑问或问题,请留下评论。

0

从谷歌地图API V2,这也可能是不要轻易与对象的MarkerOptions:

map.addMarker(new MarkerOptions() 
     .position(new LatLng(...your_lat... , ...your_long...)) 
     .title("marker title") 
     .icon(BitmapDescriptorFactory 
      .fromResource(R.drawable.custom_icon))); 

希望这有助于!