te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>jquery - Creating an interactive map with HTML5,CSS3,Javascript - Stack Overflow
最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

jquery - Creating an interactive map with HTML5,CSS3,Javascript - Stack Overflow

programmeradmin3浏览0评论

I'm going to build and develop an interactive map of my school.Map should be fully interactive where there should be clickable event.When a user wants to view the laboratory details,he/she should be click on the specific lab region.So that clickable events,pop ups should be applied to the map.

I have started this task with SVG/CSS and HTML5.And also I have so far searched it and found this interesting link for this. /

If anybody know a better tutorial or a site to acplish my task,it will be very grateful.If so please share some tutorial/url links

Thanks

I'm going to build and develop an interactive map of my school.Map should be fully interactive where there should be clickable event.When a user wants to view the laboratory details,he/she should be click on the specific lab region.So that clickable events,pop ups should be applied to the map.

I have started this task with SVG/CSS and HTML5.And also I have so far searched it and found this interesting link for this. http://jvectormap./examples/mall/

If anybody know a better tutorial or a site to acplish my task,it will be very grateful.If so please share some tutorial/url links

Thanks

Share Improve this question edited Jan 12, 2014 at 14:29 Amila Iddamalgoda asked Jan 12, 2014 at 14:13 Amila IddamalgodaAmila Iddamalgoda 4,28612 gold badges50 silver badges86 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 6

Since I've been searching on this I found this interesting site where u can draw your own svg images. http://svg-edit.googlecode./svn/branches/2.5.1/editor/svg-editor.html

You can easily get the svg code for the diagram.

And easily we can integrate click events,whatever java script code with the svg image. cheers!!

Try FLDraw Interactive Image Creator Lite, it's free, use it to create a mobile-friendly interactive map of your school, I have used it for some of my projects (not the Lite edition, because I needed some advanced features too)

It's really simple:

  1. Start a new project and choose your school map image as your base image
  2. Use the Shape tool to create a hotspot
  3. Double-click your new shape element to open the events window
  4. Select an event type (tooltip, image infobox, HTML info box, ...)
  5. Save the project and Publish to HTML5

open the created HTML file in your browser.

Sample Interactive Map from their homepage

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论