1

埋め込まれた Google マップのピンのラベルを変更するにはどうすればよいですか?

マーカーをアイコンに変更する方法を見つけましたが、A、B、C などのスタイルを変更する必要があります。ホテル

更新これは、カスタム マーカーを正常に使用するコードです。

  function addMarker(latlng, myTitle) {
        markers.push(new google.maps.Marker({
            position: latlng, 
            map: map,
            title: myTitle,
            icon: "www.linkto/myPin.png" 
          }));
    }

私はmarkerwithlabel.jsを含めましたが、これはマーカーをまったく作成しません:

  function addMarker(latlng, myTitle) {
        markers.push(new MarkerWithLabel({
            position: latlng, 
            map: map,
            title: myTitle,
            icon: "www.linkto/myPin.png",

            labelContent: "$425K",
            labelAnchor: new google.maps.Point(22, 0),
            labelClass: "labels", 
            labelStyle: {opacity: 0.75}

          }));
    }

これは、私が適応しようとしていたコードです: http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.8/examples/basic.html

4

1 に答える 1

4

マーカー アイコンを変更できた場合は、すべての作業が完了しています。

マーカーにはラベルがありません。トラベロッジが行うことは、各文字のマーカーを持ち、検索結果に従ってそれらを設定することです.

編集：

あなたがやりたいことをするための特別なライブラリがあるようです（「Styled Marker」に行きます）：

http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries#MarkerWithLabel

コードを表示するには、[開発バージョン]、[例] の順にクリックして、ページのソース コードを確認します。簡単なコード例は次のとおりです。

function initialize() {
  var myLatLng = new google.maps.LatLng(37.313477473067, -121.880502070713);
  var myOptions = {
    zoom: 11,
    center: myLatLng,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };

  var map = new google.maps.Map(document.getElementById("map_canvas"),
    myOptions);

  var styleMaker2 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.BUBBLE,{color:"ff0000",text:"I'm a marker!"}),position:new google.maps.LatLng(37.383477473067, -121.880502070713),map:map});
  var styleMaker1 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"00ff00",text:"A"}),position:myLatLng,map:map});
  var styleMaker3 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"0000ff"}),position:new google.maps.LatLng(37.263477473067, -121.880502070713),map:map});
}

このリンクでマーカーの詳細を読むことができます

于 2013-03-08T09:50:32.067 に答える