2017-02-19 6 views
1

カスタマイズGoogleマップAPI V3マーカーラベル

function initMap() { 
 
    var uluru = {lat: 13.676442, lng: 100.638276}; 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
    zoom: 17, 
 
    center: uluru 
 
    }); 
 
    var marker = new google.maps.Marker({ 
 
    position: uluru, 
 
    map: map, 
 
    label: { 
 
     text: "$300k", 
 
     color: "#4682B4", 
 
     fontSize: "30px", 
 
     fontWeight: "bold" 
 
    }, 
 
    title: "Hello World!", 
 
    visible: true 
 
    }); 
 
}

私はラベルをカスタマイズしたいです。私はGoogleドキュメントで答えを見つけようとしています(https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions)Googleで検索した結果、MarkerWithLabelが最も多く答えましたが、問題はリンクがそれ以上ではありませんhttp://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.9/src/markerwithlabel.js "ライブラリを使用できません。私は私のコードと私がしたいから写真を添付し​​ます。いずれかが私を助けてくださいことはできますか?

This is the result from my code

This is what I want

+0

Googleがより困難... https://developers.google.com/maps/documentation/javascript/custom-markers – Darkrum

+0

マーカーのタイトルをprice.varマーカー=新しいgoogle.maps.Marker({ position:myLatlng、 タイトル: "Hello World!" }); – sonali

答えて

1

Google Codeのは長い時間前に廃止されました。ホストされたすべてのGoogle MapsのAPIプロジェクトGithubに移行されたGoogleコードで

あなたは時にもラベルユーティリティライブラリおよびその他のユーティリティライブラリとマーカーを見つけることができます

https://github.com/googlemaps/v3-utility-library

はそれが役に立てば幸い!

+0

ありがとうございました。それは今働いている。 – Joe

関連する問題