Question

我如何在谷歌地图中更改我的标记。是否可以将我们的客户图像添加到地图？

谢谢，同伴

Answer 1

非常简单 - 请参阅http://code.google.com/intl/en-US/apis/maps/documentation/javascript/overlays.html#SimpleIcons

直接来自google docs的例子

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

如果你想做更复杂的事情，你也可以扩展谷歌覆盖类并执行自定义渲染......

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看到我撰写的关于此内容的博客文章，如果您有任何疑问或问题，请发表评论。

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

Answer 4

从谷歌地图API V2，这也可以很容易地与对象MarkerOptions：

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

希望这有帮助！

Answer 5

或者您可以

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

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

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

更改Google地图标记

5 个答案: