OpenLayers 18c マウス位置の座標表示をカスタマイズ

Custom Style Example マウス位置の座標表示をカスタマイズ
を参考にマウスポジションの座標表示をカスタマイズします。

次のコードを追加します。

---
/* ここから追加 */
 div.olControlMousePosition {
  font-family: Verdana; /* ブラウザのフォントの関係で指定通りにならないときもあります */
  font-size: 0.5em;
  color: red;
 }
/* ここまで */
</style>
---
// ここから追加   
 map.addControl(new OpenLayers.Control.MousePosition());
// ここまで
   
} // End of function init()
---