Foursqure.com に似たようなことをしたいと考えています。彼らはあなたの現在地の地図を背景として使用しています。マップにリーフレットを使用しており、マップが表示されています。次のようなものを入れるだけだと思いました:
<div id="map">
<h1>Welcome!</h1>
</div>
それではようこそ!マップに重ねて表示されます。しかし、私は素朴で、これはうまくいきません。誰でもこれを行う方法を提案できますか?
編集: これが私のカスタム CSS の一部です。私は Twitter ブートストラップを使用しているので、それも同様に機能します。html は、ここで示したものとほとんど同じです。
#map {
width: 100%;
height: 400px;
z-index: 0;
}
.leaflet-container {
background: #ffffff;
}