答えて
それは本当に簡単です - あなたは、より複雑なものをしたい場合、あなたはまた、グーグルを拡張することができまっすぐ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
の例を参照してくださいオーバーレイクラスとカスタムレンダリングを実行...
はい、あなたが最も確実にすることができます:
ここでは、この
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);
urヘルプをありがとう、私はurコードを追加しましたが、今は2つのマーカー、デフォルトのバルーンマーカーとカスタムマーカーが追加されました。私はデフォルトのマーカーを削除します。 – user232751
どのようにデフォルトマーカーを追加しますか?あなたの質問を編集してコードを含めることはできますか? –
こんにちは、私はすでに私のマーカーに画像を添付しているが、私は、カスタムアイコンでマーカーを変更したときにmarker.Do上のクリックは、あなたがどのような問題を知っているとき、画像が表示されていませんか? – user232751
を試してみて、私は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から
、これは、オブジェクトMarkerOptionsで簡単に着ることができます
map.addMarker(new MarkerOptions()
.position(new LatLng(...your_lat... , ...your_long...))
.title("marker title")
.icon(BitmapDescriptorFactory
.fromResource(R.drawable.custom_icon)));
・ホープこのことができます!
- 1. AndroidスタジオGoogleマップの変更マーカーの色
- 2. Googleマップ変更するマーカーOnClick
- 3. Googleマップを変更するPOIItemマーカー
- 4. RxJS Googleマップのマーカー
- 5. Googleマップのポリゴンシェイプ変更のマーカーの追加と削除
- 6. Googleマップv3 - DirectionsRendererの地図マーカーの非表示/変更
- 7. Googleマップのマーカー記号の色を変更する - Python
- 8. Googleマップで複数のマーカーを変更するAPI
- 9. Googleマップ - 変更のマーカー色ごとにn秒
- 10. マーカーのサイズを変更するGoogleマップAPI v3
- 11. GoogleマップAPI - 変更保存(マーカー)の方向
- 12. Meteor - Googleマップのマーカーのクリックイベント
- 13. マーカーとインフォボックスGoogleマップ
- 14. Googleマップ接続マーカー
- 15. GoogleマップIE7マーカーsetIcon
- 16. Googleマップの場所マーカー
- 17. マーカーの標高(Googleマップ)
- 18. Googleマップのマーカーが遅い
- 19. Googleマップのヒートマップとマーカー
- 20. Googleマップのマーカー距離?
- 21. マーカーmouseover googleマップのカスタムdiv
- 22. Googleマップapi。複数のマーカー
- 23. カスタムGoogleマップのマーカーHTML
- 24. Googleマップ内のマーカーandroid
- 25. 複数のマーカー - Googleマップ
- 26. Google ChromeのGoogleマップのぼかしマーカー
- 27. onClick Googleマップでマーカー位置を変更するios
- 28. Googleマップでマーカー画像を変更する方法
- 29. GoogleマップのApiマーカーをクリックした後のプルダウンの値を変更します。
- 30. Googleマップの各タイプの地図マーカーの色を変更する方法api v3
明白な質問をする前に、ドキュメントを読んでください。 – ifaour