Showing
4 changed files
with
38 additions
and
5 deletions
This diff is collapsed. Click to expand it.
| ... | @@ -23,6 +23,8 @@ | ... | @@ -23,6 +23,8 @@ |
| 23 | <!-- Custom styles for this template--> | 23 | <!-- Custom styles for this template--> |
| 24 | <link href="css/sb-admin.css" rel="stylesheet"> | 24 | <link href="css/sb-admin.css" rel="stylesheet"> |
| 25 | 25 | ||
| 26 | + <link href="https://fonts.googleapis.com/css?family=Do+Hyeon&subset=korean" rel="stylesheet"> | ||
| 27 | + | ||
| 26 | </head> | 28 | </head> |
| 27 | 29 | ||
| 28 | <body id="page-top"> | 30 | <body id="page-top"> | ... | ... |
public/entertainment.jpg
0 → 100644
59.6 KB
| 1 | +var entName = ''; | ||
| 2 | +var entType = ''; | ||
| 3 | +var entPhoto = ''; | ||
| 4 | +var card = ''; | ||
| 5 | + | ||
| 1 | function initMap() { | 6 | function initMap() { |
| 2 | // Try HTML5 geolocation. | 7 | // Try HTML5 geolocation. |
| 3 | if (navigator.geolocation) { | 8 | if (navigator.geolocation) { |
| ... | @@ -17,28 +22,28 @@ function initMap() { | ... | @@ -17,28 +22,28 @@ function initMap() { |
| 17 | } | 22 | } |
| 18 | } | 23 | } |
| 19 | 24 | ||
| 20 | -function searchPlace(str, placeType) { | 25 | +async function searchPlace(str, placeType) { |
| 21 | switch(placeType) { | 26 | switch(placeType) { |
| 22 | case 'food': | 27 | case 'food': |
| 23 | service.nearbySearch({ | 28 | service.nearbySearch({ |
| 24 | location: pos, | 29 | location: pos, |
| 25 | radius: 500, | 30 | radius: 500, |
| 26 | type: [str] | 31 | type: [str] |
| 27 | - }, callback_foods); | 32 | + }, await callback_foods); |
| 28 | break; | 33 | break; |
| 29 | case 'entertainment': | 34 | case 'entertainment': |
| 30 | service.nearbySearch({ | 35 | service.nearbySearch({ |
| 31 | location: pos, | 36 | location: pos, |
| 32 | radius: 500, | 37 | radius: 500, |
| 33 | type: [str] | 38 | type: [str] |
| 34 | - }, callback_entertainment); | 39 | + }, await callback_entertainment); |
| 35 | break; | 40 | break; |
| 36 | case 'room': | 41 | case 'room': |
| 37 | service.nearbySearch({ | 42 | service.nearbySearch({ |
| 38 | location: pos, | 43 | location: pos, |
| 39 | radius: 500, | 44 | radius: 500, |
| 40 | type: [str] | 45 | type: [str] |
| 41 | - }, callback_rooms); | 46 | + }, await callback_rooms); |
| 42 | break; | 47 | break; |
| 43 | default: | 48 | default: |
| 44 | break; | 49 | break; |
| ... | @@ -48,6 +53,7 @@ function searchPlace(str, placeType) { | ... | @@ -48,6 +53,7 @@ function searchPlace(str, placeType) { |
| 48 | function callback_entertainment(results, status) { | 53 | function callback_entertainment(results, status) { |
| 49 | if (status === google.maps.places.PlacesServiceStatus.OK) { | 54 | if (status === google.maps.places.PlacesServiceStatus.OK) { |
| 50 | for (var i = 0; i < results.length; i++) { | 55 | for (var i = 0; i < results.length; i++) { |
| 56 | + console.log(results[i]); | ||
| 51 | result_entertainment.push(result[i]) | 57 | result_entertainment.push(result[i]) |
| 52 | } | 58 | } |
| 53 | } | 59 | } |
| ... | @@ -62,4 +68,29 @@ function callback_entertainment(results, status) { | ... | @@ -62,4 +68,29 @@ function callback_entertainment(results, status) { |
| 62 | // const image = "default" | 68 | // const image = "default" |
| 63 | // const rating = result.rating; | 69 | // const rating = result.rating; |
| 64 | // const lng = result.geometry.viewport.ea.j; | 70 | // const lng = result.geometry.viewport.ea.j; |
| 65 | - const lat =result.geometry.viewport.la.j; | 71 | + // const lat =result.geometry.viewport.la.j; |
| 72 | + | ||
| 73 | + | ||
| 74 | +for(var i=0; i<entList.size(); i++){ | ||
| 75 | + entName = result_entertainment[i][name]; | ||
| 76 | + entType = result_entertainment[i][category]; | ||
| 77 | + // if(result_entertainment[i][photo]==undefined){ | ||
| 78 | + // entPhoto = "noimage.png"; | ||
| 79 | + // } | ||
| 80 | + // else{ | ||
| 81 | + // entPhoto = entList[i][photo]; | ||
| 82 | + } | ||
| 83 | + | ||
| 84 | + var tmp = '<div class="col-xl-6 col-sm-6 mb-3">'+ | ||
| 85 | + '<div class="card text-white bg-light o-hidden h-100">'+ | ||
| 86 | + '<div class="card-body"' + ' style="height:350px; background-image:url(' + "'2.jpg'" + '); background-size: 100% 100%; background-repeat: no-repeat;">' + // place photo | ||
| 87 | + // '<div class="mr-5" id="nameDiv">'+entName+'</div>'+ // place name | ||
| 88 | + // '<div class="mr-5" id="typeDiv">'+entType+'</div>'+ // place type | ||
| 89 | + '<div class="mr-5" id="nameDiv">가게이름</div>'+ // place name | ||
| 90 | + '<div class="mr-5" id="typeDiv">타입</div>'+ // place type | ||
| 91 | + '</div>'+ | ||
| 92 | + '</div>'+ | ||
| 93 | + '</div>'; | ||
| 94 | + //card+=tmp; | ||
| 95 | + | ||
| 96 | +document.getElementById("cardBody").innerHTML=tmp; | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment