更改谷歌地图标记

Question

我该如何在谷歌地图中更改我的标记？能否向地图添加自定义图像？

谢谢， Companion

- user232751

---

请在询问明显问题之前阅读文档。 - ifaour

Answer 1

这非常简单-请参见http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/overlays.html#SimpleIcons

以下是来自Google文档的示例。

var image = 'beachflag.png';
var myLatLng = new google.maps.LatLng(-33.890542, 151.274856);
var beachMarker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  icon: image
});

如果您想要执行更复杂的操作，还可以扩展Google的覆盖层类并执行自定义渲染...

- roman

Answer 2

这是我使用自定义标记替换Google默认标记的方法。

添加以下代码行：

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

如果需要，调整iconSize和shadowSize的GSize。括号中的第一个数字定义标记的宽度，第二个数字定义高度（均以像素为单位）。

现在，添加以下代码行：

var marker = new GMarker(point, icon);

就在这行代码之后：

function createMarker(point, name, address)

希望这有所帮助！您可以在http://icode4you.net/developing-a-custom-store-locator-map-using-your-own-custom-markers-instead-of-googles-default-markers上看到我写的一篇关于这个的博客文章，如果您有任何问题或困难，请留言。

- TheLibzter

Answer 3

是的，你绝对可以：

试试这个

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

- The_Butcher

---

谢谢您的帮助，我已经添加了您的代码，但现在我得到了两个标记，一个是默认的气球标记，另一个是我添加的自定义标记。我该如何删除默认标记？ - user232751

你如何添加默认标记？你能否编辑你的问题并包含你的代码？ - The_Butcher

你好，我已经将一张图片附加到我的标记上了，但是当我使用自定义图标更改标记时，点击标记时图片不显示。你知道问题出在哪里吗？ - user232751

Answer 4

或者你可以

marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

或作为标记初始化的一部分：

marker = new google.maps.Marker({
    icon: 'http://...'
});

- NimDa

Answer 5

从Google Map API V2开始，这也可以通过MarkerOptions对象轻松完成：

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

希望这能帮到你！

- jsidera