setStationMarker()
の第2引数で type: "circle"
を指定すると円形のマーカーを表示できます。
var rosen;
function init() {
rosen = new Rosen("map", {
apiKey: "2jr5nchcswemrfjj67jvjaqu", // アクセスキーはサンプル用です。実際にご利用されるときは書き換えてください。
});
// 東京
rosen.setStationMarker(22828, {type: "circle", radius: 100, color: "#0000ff", opacity: 0.3});
// 新橋
rosen.setStationMarker(22751, {type: "circle", radius: 50, className: "sample2"});
// 八丁堀
rosen.setStationMarker(22894, {type: "circle", opacity: 1.0, className: "sample3"});
}
window.addEventListener('load', init);
.sample2 { background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%) !important; } /* グラデーション */
.sample3 { border: 2px solid #000000; } /* 境界線を黒に */