2011-01-26 20 views

答えて

18

それは本当に簡単です - あなたは、より複雑なものをしたい場合、あなたはまた、グーグルを拡張することができまっすぐ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 
}); 

からhttp://code.google.com/intl/en-US/apis/maps/documentation/javascript/overlays.html#SimpleIcons

の例を参照してくださいオーバーレイクラスとカスタムレンダリングを実行...

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ヘルプをありがとう、私はurコードを追加しましたが、今は2つのマーカー、デフォルトのバルーンマーカーとカスタムマーカーが追加されました。私はデフォルトのマーカーを削除します。 – user232751

+0

どのようにデフォルトマーカーを追加しますか?あなたの質問を編集してコードを含めることはできますか? –

+0

こんにちは、私はすでに私のマーカーに画像を添付しているが、私は、カスタムアイコンでマーカーを変更したときにmarker.Do上のクリックは、あなたがどのような問題を知っているとき、画像が表示されていませんか? – user232751

1

を試してみて、私はGoogleのデフォルトのマーカーの代わりに、私自身のカスタム設計されたマーカーを使用するために使用する方法です。必要に応じてiconSizeとshadowSizeの両方にGSIZEを調整

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

は、このコード行を追加します。括弧内の最初の数字はマーカーの幅を定義し、2番目の数字は高さ(両方ともピクセル)を定義します。今

、このコード行を追加します。

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に書きましたブログ記事を見ることができます。質問や問題がある場合はコメントを残してください。 GoogleマップAPI V2から

0

、これは、オブジェクトMarkerOptionsで簡単に着ることができます

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

・ホープこのことができます!

関連する問題