TypeError:ons.bootstrap is not a function.(In ons.bootstrap()
,ons.bootstrap
is undefined)と表示されます
本に記載されているように入力したと思うのですが、Monacaデバッガーでエラーが出ます。
初心者の中の初心者なのでこのような質問の仕方でいいのか分かりませんが教えてください。
どこがおかしいでしょうか?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
<script src="components/loader.js"></script>
<script src="lib/onsenui/js/onsenui.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
<link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
<link rel="stylesheet" href="css/style.css">
<script>
ons.bootstrap();
// ons.disableAutoStatusBarFill();
var map;
ons.ready(function() {
myModal.show();
var options = {maximumAge: 3000, timeout:5000, enableHighAccuracy: true};
navigator.geolocation.getCurrentPosition(function(position){
createMap(position);
}, function(result){
myModal.hide();
onError(result);
},options);
$(document).on(`click`, `.put-marker`,function(){
putMarker();
});
});
function createMap(position){
var latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
var mapOption = {
zoom:14,
center: latlng,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($(`#map`)[0],mapOption);
google.maps.event.addListener(map,"tilesloaded",function(){
myModal.hide();
})
};
function putMarker(){
//
};
function onError(positionError){
//
};
</script>
</head>
<body>
</body>
</html>
<ons-modal bar="myModal">
位地情報を取得中...
</ons-modal>
<ons-page>
<ons-toolbar>
<div class="center">現在位置アプリ</div>
</ons-toolbar>
<div id="map"></div>
<ons-bottom-toolbar style="text-align: right;">
<ons-toolbar-button class="put-marker">
<ons-icon icon="fa-map-marker" size=20px></ons-icon>
現在地をマークする
</ons-toolbar-button>
</ons-bottom-toolbar>
</ons-page>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。