Изменить маркер карты Google

Question

Как мне поменять маркер на карте Google. Можно ли добавить наше обычное изображение на карту?

Спасибо, Companion

Answer 1

это действительно просто - см. Пример http://code.google.com/intl/en-US/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 ивыполнить пользовательский рендеринг ...

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

Настройте GSize дляiconSize и shadowSize, если необходимо.Первое число в скобках определяет ширину вашего маркера, а второе число определяет высоту (в пикселях).

Теперь добавьте эту строку кода:

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

Или вы можете

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

Или как часть маркера init:

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

Answer 4

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

Надеюсь, это поможет!

Answer 5

Да, вы определенно можете:

Попробуйте это

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