• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인
알림 게시물이 없습니다.
- 

자유게시판

  • Home
  • 커뮤니티
  • 자유게시판

이윰빌더 list 배열을 자바스크립트에 보여주려면 어떻게하나요??

지스타온 메일보내기 아이디로 검색 4
2,543 2015.12.23 22:51

짧은주소

본문

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.exp&sensor=false&language=ko&region=kr"></script>
<script type="text/javascript">
 function mgminfomap(){
  var myOptions = {
   zoom: 3,
        //center: new google.maps.LatLng(27.3114655, 90.94384680000007),
       mapTypeId: google.maps.MapTypeId.ROADMAP
  }
     var map = new google.maps.Map(document.getElementById('mgmap'), myOptions);  

  var locations = [
   <? for ($i=0; $i<count($list); $i++) {
    $name1=strip_tags($list[$i][subject]);
    $lat=($list[$i][wr_3]);
    $lng=($list[$i][wr_4]);
    $address=strip_tags($list[$i][wr_2]);
    $mapnum=($list[$i][wr_id]);
    $mtem="<table><tr><td colspan=2 width=300><a href={$list[$i][href]}><h3>$name1</h3></a></td></tr><tr><td width=70>주소: </td><td width=230>{$address}</td></tr></table>";
   ?>
   ['<?=$mtem?>', '<?=$lat?>', '<?=$lng?>', '<?=$mapnum?>']
    <? if ($i==count($list)-1) continue; ?>
    ,
   <? } ?>
  ];
    
     var infowindow = new google.maps.InfoWindow();
     var marker, i;  
  var bounds = new google.maps.LatLngBounds();
 

     for (i = 0; i < locations.length; i++) {
   var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]);
        var marker = new google.maps.Marker({
          position: myLatLng,
          map: map
   });
   
   bounds.extend(myLatLng);

        google.maps.event.addListener(marker, 'click', (function(marker, i) {
          return function() {
     infowindow.setContent(locations[i][0]);
             infowindow.open(map, marker);
          }
        })(marker, i));
     
  }
  
  zoomChangeBoundsListener = google.maps.event.addListener(map, "bounds_changed",function(event){
if(this.getZoom() > 20)
this.setZoom(16);
google.maps.event.removeListener(zoomChangeBoundsListener);
});

  map.fitBounds(bounds); 
 }
 google.maps.event.addDomListener(window, 'load', mgminfomap);
  </script>
<!--지도 끝 -->

 

 

>> 해당소스에서 $list 배열을 도무지 못하겠네요..

0
좋아요!
2
- 지스타온 메일보내기 아이디로 검색 - 회원등급 : 씨앗/Level 4 - 포인트 : 1,049
레벨 4
경험치 1,356

Progress Bar 20%

- 가입일 : 2015-04-11 00:45:36
- 서명 :
- 자기소개 :
댓글목록

이윰IN님의 댓글

이윰IN 메일보내기 아이디로 검색 2015.12.24 15:24

유선상으로 질문 드렸듯이 해당 기능이 게시판 목록에서 구현이되는 부분이라고 말씀주셨는데요.
아래와 같이 해보세요.

1. /eyoom/user_program/board/list.skin.php 파일 소스 수정

[수정 후] 

<?php
	if (!defined('_GNUBOARD_')) exit;
	
	// Your Program - Start
	for ($i=0; $i<count($list); $i++) {
		$mapinfo[$i]['name1']	= strip_tags($list[$i][subject]);
		$mapinfo[$i]['lat']		= ($list[$i][wr_3]);
		$mapinfo[$i]['lng']		= ($list[$i][wr_4]);
		$mapinfo[$i]['address']	= strip_tags($list[$i][wr_2]);
		$mapinfo[$i]['mapnum']	= ($list[$i][wr_id]);
		$mapinfo[$i]['mtem']	= "<table><tr><td colspan=2 width=300><a href={$list[$i][href]}><h3>{$mapinfo[$i]['name1']}</h3></a></td></tr><tr><td width=70>주소: </td><td width=230>{$mapinfo[$i]['address']}</td></tr></table>";
	}
	// Your Program - End

	// 변수 할당하기 - /eyoom/inc/tpl.assign.php 파일 참조
	$tpl->assign(array(
		'mapinfo' => $mapinfo
	));
?>


2. /eyoom/theme/사용테마/skin_bs(mo or pc)/board/스킨명/list.skin.html 파일내 스크립트 소스부분
위의 작성해 주신 소스 부분 중에 php 프로그램 요소를 기준으로 작업한 거예요. 

	var locations = [
		{@ mapinfo}
		['{.mtem}', '{.lat}', '{.lng}', '{.mapnum}']{? .index_ != .size_-1},{/}
		{/}
	];


위와 같이 처리하시면 될 듯 싶습니다.

즐거운 성탄되세요.
감사합니다.

축하합니다. 첫댓글 포인트 86포인트를 획득하였습니다.

축하합니다. 지뢰폭탄 포인트 68포인트를 획득하였습니다.

지스타온님의 댓글

지스타온 메일보내기 아이디로 검색 2015.12.25 02:10

와 너무 감사합니다^^ 그런데요 해당 스킨에서만 작동이 되게 할려면 뭐좋은 방법없을까요??

다른스킨에도 영향이 받을까봐서요

지스타온님의 댓글

지스타온 메일보내기 아이디로 검색 2015.12.25 02:12

http://vhost.kr/g5/bbs/board.php?bo_table=info1

그런데요 게시물이 1개만 나와요^^;; 흑 왜그럴까욤?? 소스 다올려볼게요

<?php if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

add_stylesheet('<link rel="stylesheet" href="./style.css" type="text/css" media="screen">',0);

?>
<style>
#mgmap { width: 100%; height:300px; margin:0; padding: 0px; border: 0px; }
</style>

<!--{* 게시판 목록 시작 *}-->
<div class="board-list">

    <!--{* 게시판 카테고리 시작 *}-->
    <!--{?_is_category}-->
<script>
// 카테고리 이동
function category_view(sca) {
if(sca) var url = "{_category_href}&sca="+sca;
else var url = "{_category_href}";
$(location).attr('href',url);
return false;
}
</script>
    <nav>
        <h5><strong class="color-red">{board.bo_subject}</strong> 카테고리</h5>
        <div class="row col-sm-4">
<select name="ca_name" id="ca_name" required class="form-control" onchange="return category_view(this.value);">
<option value="">전체</option>
<!--{@ _bocate}-->
<option value="{.ca_sca}" {? _decode_sca == .ca_name}selected{/}>{.ca_name}</option>
<!--{/}-->
</select>
        </div>
        <div class="clearfix"></div>
    </nav>
    <div class="margin-hr-10"></div>
    <!--{/}-->
    <!--{* 게시판 카테고리 끝 *}-->

    <!--{* 게시판 페이지 정보 및 버튼 시작 *}-->
    <div class="board-info margin-bottom-10">
        <div class="pull-left margin-top-5">
            <span><i class="fa fa-th-list"></i> Total {=number_format(_total_count)}건</span> {_page} 페이지
        </div>

<!--{? _write_href}-->
<div class="pull-right">
        <!--{?_admin_href}--><a href="{_admin_href}" class="btn-e btn-e-red margin-right-5" type="button"><i class="fa fa-cog"></i> 관리자</a><!--{/}-->
        <!--{?_write_href}--><a href="{_write_href}" class="btn-e btn-e-dark" type="button"><i class="fa fa-pencil"></i> 글쓰기</a><!--{/}-->
</div>
        <!--{/}-->

        <div class="clearfix"></div>
    </div>
    <!--{* 게시판 페이지 정보 및 버튼 끝 *}-->

<!--{? _is_admin}-->
    <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post" class="sky-form">
    <input type="hidden" name="bo_table" value="{_bo_table}">
    <input type="hidden" name="sfl" value="{_sfl}">
    <input type="hidden" name="stx" value="{_stx}">
    <input type="hidden" name="spt" value="{_spt}">
    <input type="hidden" name="sca" value="{_sca}">
    <input type="hidden" name="page" value="{_page}">
    <input type="hidden" name="sw" value="">

<!--{/}-->


 
<div id="mgmap"></div><br />

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.exp&sensor=false&language=ko®ion=kr"></script>
<script type="text/javascript">
  function mgminfomap(){
var myOptions = {
zoom: 3,
      //center: new google.maps.LatLng(27.3114655, 90.94384680000007),
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
    var map = new google.maps.Map(document.getElementById('mgmap'), myOptions);   

var locations = [
{@ mapinfo}
['{.mtem}', '{.lat}', '{.lng}', '{.mapnum}']{? .index_ != .size_-1},{/}
{/}
];

    var infowindow = new google.maps.InfoWindow();
    var marker, i;
var bounds = new google.maps.LatLngBounds();


    for (i = 0; i < locations.length; i++) {
var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]);
      var marker = new google.maps.Marker({
        position: myLatLng,
        map: map
});

bounds.extend(myLatLng);

      google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }
      })(marker, i));
   
}

zoomChangeBoundsListener = google.maps.event.addListener(map, "bounds_changed",function(event){
if(this.getZoom() > 20)
this.setZoom(16);
google.maps.event.removeListener(zoomChangeBoundsListener);
});

map.fitBounds(bounds);
}
google.maps.event.addDomListener(window, 'load', mgminfomap);
</script>
<!--지도 끝 -->


<div class="table-list-eb margin-bottom-20">
<div class="table-responsive">
        <table class="table table-hover">
            <thead>
                <tr>
            <th class="hidden-md hidden-sm"><i class="fa fa-list-ol"></i></th>
            <!--{? _is_checkbox}-->
            <th>
                <label for="chkall" class="sound_only">현재 페이지 게시물 전체</label>
                <label class="checkbox">
                <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);"><i></i>
                </label>
            </th>
            <!--{/}-->
            <th>제목</th>
<!--{? eyoom_board.bo_use_profile_photo}-->
            <th>포토</th>
<!--{/}-->
            <th>글쓴이</th>
            <th>{=subject_sort_link('wr_datetime', _qstr2, 1)}날짜</a></th>
            <th class="hidden-md hidden-sm">{=subject_sort_link('wr_hit', _qstr2, 1)}<i class="fa fa-eye"></i></a></th>
            <!--{?_is_good}--><th>{=subject_sort_link('wr_good', _qstr2, 1)}<i class="fa fa-thumbs-up"></i></a></th><!--{/}-->
            <!--{?_is_nogood}--><th>{=subject_sort_link('wr_nogood', _qstr2, 1)}<i class="fa fa-thumbs-down"></i></a></th><!--{/}-->
                </tr>
            </thead>
            <tbody>
        <!--{@ list}-->
        <tr class="{? .is_notice}board-notice{/}">
            <td class="td-num hidden-md hidden-sm">
<!--{? .is_notice}-->
<strong class="color-red">알림장</strong>
<!--{: _wr_id == .wr_id}-->
<strong class="color-red">열람중</strong>
<!--{:}-->
{=number_format(.num)}
<!--{/}-->
            </td>
<!--{? _is_checkbox}-->
            <td class="td-chk">
                <label for="chk_wr_id_{.key_}" class="sound_only">{.subject}</label>
                <label class="checkbox">
                <input type="checkbox" name="chk_wr_id[]" value="{.wr_id}" id="chk_wr_id_{.key_}"><i></i>
                </label>
            </td>
            <!--{/}-->
            <td class="td-subject td-width">
<!--{? .icon_reply}-->
<i class="fa fa-reply" style="margin-left:{.reply}px;"></i>
<!--{/}-->
<!--{? _is_category && .ca_name}-->
                <a href="{.ca_name_href}" class="btn btn-e-xs btn-default">{.ca_name}</a>&nbsp;
                <!--{/}-->

                <a href="{.href}">
<!--{? .is_notice}-->
<strong class="color-black">{.subject}</strong>
<!--{: _wr_id == .wr_id}-->
<strong class="color-black">{.subject}</strong>
<!--{:}-->
                {.subject}
                <!--{/}-->
                    <!--{? .comment_cnt}--><span class="sound_only">댓글</span><em>{.comment_cnt}</em><span class="sound_only">개</span><!--{/}-->
                </a>
<!--{?.icon_new}--><i class="fa fa-dot-circle-o"></i><!--{/}-->
<!--{?.icon_hot}--><i class="fa fa-thumbs-up"></i><!--{/}-->
<!--{?.icon_file}--><i class="fa fa-floppy-o"></i><!--{/}-->
<!--{?.icon_link}--><i class="fa fa-link"></i><!--{/}-->
<!--{?.icon_secret}--><i class="fa fa-lock"></i><!--{/}-->
            </td>
<!--{? eyoom_board.bo_use_profile_photo == 1}-->
            <td class="td-photo">
<!--{? .mb_photo}-->{.mb_photo}<!--{:}--><span class="user_icon"><i class="fa fa-user"></i></span><!--{/}-->
</td>
<!--{/}-->
            <td class="td-name">
<!--{? .gnu_icon}-->
<span style='display:inline-block;margin-right:2px;'><img src="{.gnu_icon}" align="absmiddle"></span>
<!--{/}-->
<!--{? .eyoom_icon}-->
<span style='display:inline-block;margin-right:2px;'><img src="{.eyoom_icon}" align="absmiddle"></span>
<!--{/}-->
<span style='display:inline-block;margin-right:2px;'>{=eb_nameview('basic', .mb_id, .wr_name, .email, .homepage)}</span>
</td>
            <td class="td-date">
<!--{? eyoom_board.bo_sel_date_type == '1'}-->
{eb->date_time('Y.m.d',.wr_datetime)}
<!--{: eyoom_board.bo_sel_date_type == '2'}-->
{eb->date_format('Y.m.d',.wr_datetime)}
<!--{/}-->
</td>
            <td class="td-num hidden-md hidden-sm">{=number_format(.wr_hit)}</td>
            <!--{?_is_good}--><td class="td-num">{=number_format(.wr_good)}</td><!--{/}-->
            <!--{?_is_nogood}--><td class="td-num">{=number_format(.wr_nogood)}</td><!--{/}-->
        </tr>
        <!--{:}-->
<tr>
<td colspan="{colspan}" class="text-center">게시물이 없습니다.</td>
</tr>
<!--{/}-->
            </tbody>
        </table>
    </div>
</div>

    <div class="board-footer">
    <div class="pull-left">
        <!--{? _is_checkbox}-->
        <ul class="list-unstyled board-btn-adm pull-left">
            <li><button class="btn-e btn-e-red" type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value">선택삭제</button></li>
            <li><button class="btn-e btn-e-red" type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value">선택복사</button></li>
            <li><button class="btn-e btn-e-red" type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value">선택이동</button></li>
        </ul>
        <!--{/}-->
        <span class="pull-left">
        <!--{?_rss_href}--><a href="{_rss_href}" class="btn-e btn-e-yellow" type="button"><i class="fa fa-rss"></i></a><!--{/}-->
<a href="javascript:;" class="btn-e btn-e-dark" type="button" data-toggle="modal" data-target=".search-modal"><i class="fa fa-search"></i></a>
        </span>
    </div>
    <div class="pull-right">
        <!--{? _list_href || _write_href}-->
        <ul class="list-unstyled board-btn-user">
            <!--{? _write_href}--><li><a href="{_write_href}" class="btn-e btn-e-dark" type="button"><i class="fa fa-pencil"></i> 글쓰기</a></li><!--{/}-->
        </ul

지스타온님의 댓글

지스타온 메일보내기 아이디로 검색 2015.12.25 02:16

후힛 잘나오네요^^ 너무 감사합니다^^

댓글 더보기
Total 725건 9 페이지
번호 제목 글쓴이 날짜 뷰 추천
565
댓글+1개 ie9에서 깨지는듯 합니다.
비밀 아이디로 검색 2015.11.25 1,165 0
564
댓글+34개 [재능기부] 무료로 홍보해드립니다.
미니언즈 아이디로 검색 2015.11.24 2,331 1
563
댓글+7개 윈도우10 으로 같이 확인해주실 수 있는분 계신가요.
미니언즈 아이디로 검색 2015.11.23 2,559 0
562
댓글+5개 안동 하회마을 탐방갑니다.
이윰IN 아이디로 검색 2015.11.22 1,302 0
561
댓글+3개 고 스티브 잡스의 마지막 남긴 말...
레오나르도 아이디로 검색 2015.11.22 2,960 0
560
확장자 mp4 동영상은 업로드가 안되나요?
경주이 아이디로 검색 2015.11.21 1,429 0
559
댓글+2개 혹시 그누포인트를 활용한 이벤트추첨 게시판 쓸만한거 없나요???
미니언즈 아이디로 검색 2015.11.20 1,330 0
558
댓글+3개 이윰빌더 데이터를 그누보드로 옮기는법
야호 아이디로 검색 2015.11.20 1,429 0
557
댓글+6개 컴퓨터를 새로 하나 주문하였는데요~
미니언즈 아이디로 검색 2015.11.19 1,120 0
556
댓글+9개 정상적으로 출근하였습니다?
Mediator 아이디로 검색 2015.11.17 1,105 0
555
댓글+1개 그누보드 5.1.7 (영카트 5.1.6) 패치되었군요.
레오나르도 아이디로 검색 2015.11.16 1,425 0
554
댓글+10개 1:1문의글 남기고 해결 되시면 감사 인사를 해야 합니까..??
매니아군 아이디로 검색 2015.11.15 1,304 0
553
댓글+8개 이윰스킨제작 쉽지않네요. ㅠ.ㅠ
호이 아이디로 검색 2015.11.13 1,048 0
552
댓글+3개 스마트에디터3 정말 좋네요.
미니언즈 아이디로 검색 2015.11.13 1,294 0
551
댓글+2개 배우 유아인이 보낸 한통의 메일과...
이윰IN 아이디로 검색 2015.11.13 1,413 0
550
댓글+12개 커뮤니티 사이트 운영하시는 분들 계신가요?
아윤대디 아이디로 검색 2015.11.12 1,620 0
549
댓글+2개 요즘 보기 드문 두 분
홍인 아이디로 검색 2015.11.12 959 0
548
댓글+2개 수능시험날이네요.
미니언즈 아이디로 검색 2015.11.12 775 0
547
댓글+4개 1차 메뉴 글자색 변경하려면, style.css 파일의 어느 부분을 확인해야 하나요?
보리보리 아이디로 검색 2015.11.11 1,571 0
546
댓글+13개 별점 너무 좋네요.
미니언즈 아이디로 검색 2015.11.11 1,275 0
LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹
출석하러 가기

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위
shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379
TAG
태그 더보기
회사명: 이윰 대표: 김규순, 양진근 서울시 양천구 목동서로 186, 성우네트빌 606 전화: 070-8876-4043 사업자번호: 109-16-47701 개인정보관리: 김규순 통신판매업: 제2015-서울강서-0097호 Email: eyoom@eyoom.net

Copyright © 이윰넷. All Rights Reserved.

모바일버전