グーグルマップ作成ノート 2-2・会社アクセス地図の作成
前回のアクセス地図では、会社位置と情報ウィンドウでの情報提供ができました。
今回は、会社までの経路を表示する方法を探してみました。
まずは、IW3プロジェクトの「MAP EDIT SERVICE for Google Maps V3」です。最寄り駅ルートが自動的に作成されます。(残念ながら、現在はこの機能は使えなくなっていました。)
結果は次のとおりです。近くの電停やバス停からの経路が表示される優れものです。
ただし、必要事項を入力後、作成されたhtmlタグのうち、マーカー部分を次のとおり修正しました。
通常のマーカーは、お馴染みの赤の目玉マーカーですが、変化させています。
この部分は、当サイトの グーグルマップ作成ノート 1・独自マーカーの利用を参考にしてください。
(修正前)
marker=new google.maps.Marker({position:Mklatlng,title:'広島県社会保険労務士会',map:map});
(修正後)
marker=new google.maps.Marker({position:Mklatlng,title:'広島県社会保険労務士会',icon: 'https://chart.googleapis.com/chart?chst=d_bubble_texts_big&chld=edge_bc|00FFFF|000000|' + encodeURI("広島県社会保険労務士会| 労務管理の専門家集団"),map:map});
コメント