markerclusterer.zip

  • PUDN用户
    了解作者
  • HTML
    开发工具
  • 130KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 1
    下载次数
  • 2016-03-07 13:06
    上传日期
googleMap Api V3 地图标注
markerclusterer.zip
  • markerclusterer
  • examples
  • speed_test_example.html.bak
    2.8KB
  • speed_test.js
    6.2KB
  • speed_test_example.html
    3KB
  • images
  • people35.png
    1.4KB
  • people45.png
    2KB
  • heart30.png
    1.4KB
  • heart50.png
    2.9KB
  • m2.png
    3.2KB
  • m5.png
    6.7KB
  • conv30.png
    1KB
  • heart40.png
    2.1KB
  • m1.png
    2.9KB
  • m3.png
    3.9KB
  • conv40.png
    1.5KB
  • conv50.png
    2.2KB
  • src
  • markerclusterer.js.bak
    33.7KB
  • data.json
    446.9KB
  • markerclusterer.js
    33.7KB
  • Web.config
    145B
内容介绍
 <!DOCTYPE> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>MarkerClusterer v3 Example</title> <style type="text/css"> body { margin: 0; padding: 0; font-family: Arial; font-size: 14px; } #panel { float: left; width: 300px; height: 550px; } #map-container { margin-left: 300px; } #map { width: 100%; height: 550px; } #markerlist { height: 400px; margin: 10px 5px 0 10px; overflow: auto; } .title { border-bottom: 1px solid #e0ecff; overflow: hidden; width: 256px; cursor: pointer; padding: 2px 0; display: block; color: #000; text-decoration: none; } .title:visited { color: #000; } .title:hover { background: #e0ecff; } #timetaken { color: #f00; } .info { width: 200px; } .info img { border: 0; } .info-body { width: 200px; height: 200px; line-height: 200px; margin: 2px 0; text-align: center; overflow: hidden; } .info-img { height: 220px; width: 200px; } </style> <!--<script type="text/javascript" src="https://ditu.googleapis.com/maps/api/js?sensor=false"></script>--> <script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false"></script> <!-- <script type="text/javascript" src="../src/markerclusterer.js"></script> <script type="text/javascript" src="../src/data.json"></script> <script type="text/javascript" src="speed_test.js"></script>--> <script type="text/javascript" src="../src/data.json"></script> <script src="../src/markerclusterer.js" type="text/javascript"></script> <script src="speed_test.js" type="text/javascript"></script> </head> <body onload="speedTest.init();"> <div id="panel"> <h3>An example of MarkerClusterer v3</h3> <p> <a href="?" rel='nofollow' onclick='return false;'>Standard</a> version of the script. </p> <div> <input type="checkbox" checked="checked" id="usegmm"/> <span>Use MarkerClusterer</span> </div> <div> Markers: <select id="nummarkers"> <option value="10">10</option> <option value="50">50</option> <option value="100" selected="selected">100</option> <option value="500">500</option> <option value="1000">1000</option> </select> <span>Time used: <span id="timetaken"></span> ms</span> </div> <strong>Marker List</strong> <div id="markerlist"> </div> </div> <div id="map-container"> <div id="map"></div> </div> </body> </html>
评论
    相关推荐
    • GoogleMap.rar
      用于MFC在线加载百度地图,包含HTML脚本文件和工程代码
    • googleMap.zip
      基于谷歌地图的应用,有公交,定位,天气等功能
    • Googlemap.html.tar.gz
      教会你怎样编写QT环境下的web页面格式,用于把一般的google地图转为专门QT可用的html文件格式
    • googlemap地图实现
      本资源为类似googlemap 百度地图地图上商店餐饮查找、路线查询。直接连google服务器,基于html页面的。
    • VC++调用GOOGLEMAP(google地图)代码
      VC++调用GOOGLEMAP(google地图)代码,已编译通过,根据坐标点进行位置更新。
    • google map api 学习笔记
      NULL 博文链接:https://zxs19861202.iteye.com/blog/647161
    • large-svg-GoogleMap-Zoom:使用谷歌地图呈现大图,特别是 svg
      使用谷歌地图呈现大图像,特别是 svg。 因为图片太大,所以我只能上传一些脚本。 您可以下载所有文件。 4个步骤: 设置谷歌地图。 获取演示。 参考: 1. 。 2. 我看过的最有用的文档: 获取 svg 图像。 我使用 d3 ...
    • google map api地图
      亲自测试ok,下载下来直接点击 helloworld.html 即可。其他若无法访问,在div 加上 样式即可。简单易上手<div id="map_canvas" style="height:90%;top:30px"></div>
    • GoogleMap-Angular
      使用 nodeJS、googleMap 和 MongoDB 实现一个大学搜索项目 维护了一个具有大学综合搜索功能的地图,并为这些大学的当前候选人提供了过渡视图。 为地图搜索功能编写原生Javascript AJAX代码(目前负责迁移到...
    • Weather-GoogleMap
      天气-GoogleMap 使用 Google Maps 和 OpenWeatherMap API 的基本 Web 应用程序。 三个文件:Weather_google.html、WeatherStyle.css、WeatherWidget.css。 打开html文件,输入地名,点击GEOCODE按钮,在谷歌地图上...