在GE的图层中有一个照片图层,在浏览时可以看到各地的一些图片,我们称之为热点信息,如下图所示:

再来看下本文的实现效果:

效果是不是很像呢,其实实现这个很简单,参照examples中的Balloons就可以很容易的实现,这里我自己封装了BalloonUtil类便于复用,代码很简单都加了注释就不再一一展开了,直接附上源代码,有看不明白的地方可以留言交流哈。

  1. /**
  2. * @Copyright 2014-2020 @��˶
  3. **/
  4. package edu.whu.vge.util;
  5. import gov.nasa.worldwind.avlist.AVKey;
  6. import gov.nasa.worldwind.awt.WorldWindowGLCanvas;
  7. import gov.nasa.worldwind.geom.Position;
  8. import gov.nasa.worldwind.layers.RenderableLayer;
  9. import gov.nasa.worldwind.render.AbstractBrowserBalloon;
  10. import gov.nasa.worldwind.render.BalloonAttributes;
  11. import gov.nasa.worldwind.render.BasicBalloonAttributes;
  12. import gov.nasa.worldwind.render.GlobeBrowserBalloon;
  13. import gov.nasa.worldwind.render.PointPlacemark;
  14. import gov.nasa.worldwind.render.Size;
  15. import gov.nasa.worldwind.util.Logging;
  16. import gov.nasa.worldwind.util.WWIO;
  17. import gov.nasa.worldwindx.examples.util.BalloonController;
  18. import gov.nasa.worldwindx.examples.util.HotSpotController;
  19. import java.io.InputStream;
  20. /**
  21. *
  22. * @项目名称:SMartScope
  23. * @类名称:BalloonsUtil
  24. * @类描述:
  25. * @创建人:刘硕
  26. * @创建时间:2015年2月3日 下午4:56:26
  27. * @修改备注:
  28. * @版本:
  29. */
  30. public class BalloonsUtil
  31. {
  32. private double balloonLat; // 气球纬度
  33. private double balloonLon; // 气球经度
  34. private String balloonContentPath; // html文件路径
  35. private String balloonName; // 气球名称
  36. protected HotSpotController hotSpotController;
  37. protected BalloonController balloonController;
  38. /**
  39. *
  40. * 创建一个新的实例 BalloonsUtil.
  41. *
  42. * @param balloonLat
  43. * @param balloonLon
  44. * @param balloonContentPath
  45. * @param balloonName
  46. */
  47. public BalloonsUtil(double balloonLat, double balloonLon,
  48. String balloonContentPath, String balloonName)
  49. {
  50. super();
  51. this.balloonLat = balloonLat;
  52. this.balloonLon = balloonLon;
  53. this.balloonContentPath = balloonContentPath;
  54. this.balloonName = balloonName;
  55. }
  56. /**
  57. * s
  58. *
  59. * @方法名称: makeBrowserBalloon ;
  60. * @方法描述: 生成Balloon标记图层 ;
  61. * @参数 :@param windowGLCanvas
  62. * @参数 :@return
  63. * @返回类型: RenderableLayer ;
  64. * @创建人:刘硕;
  65. * @创建时间:2015年2月3日 下午5:01:03;
  66. * @throws
  67. */
  68. public RenderableLayer makeBrowserBalloon(WorldWindowGLCanvas windowGLCanvas)
  69. {
  70. // ע��balloonController
  71. this.hotSpotController = new HotSpotController(windowGLCanvas);
  72. this.balloonController = new BalloonController(windowGLCanvas);
  73. RenderableLayer layer = new RenderableLayer();
  74. layer.setName(balloonName);
  75. String htmlString = null;
  76. InputStream contentStream = null;
  77. try
  78. {
  79. // 读取html文件内容
  80. contentStream = WWIO.openFileOrResourceStream(balloonContentPath,
  81. null);
  82. htmlString = WWIO.readStreamToString(contentStream, null);
  83. }
  84. catch (Exception e)
  85. {
  86. e.printStackTrace();
  87. }
  88. finally
  89. {
  90. WWIO.closeStream(contentStream, balloonContentPath);
  91. }
  92. if (htmlString == null) htmlString = Logging.getMessage(
  93. "generic.ExceptionAttemptingToReadFile", balloonContentPath);
  94. // 创建一个GlobeBrowserBalloon
  95. Position balloonPosition = Position.fromDegrees(balloonLat, balloonLon);
  96. AbstractBrowserBalloon balloon = new GlobeBrowserBalloon(htmlString,
  97. balloonPosition);
  98. // 设置GlobeBrowserBalloon属性
  99. BalloonAttributes attrs = new BasicBalloonAttributes();
  100. attrs.setSize(new Size(Size.NATIVE_DIMENSION, 0d, null,
  101. Size.NATIVE_DIMENSION, 0d, null));
  102. balloon.setAttributes(attrs);
  103. // 将GlobeBrowserBalloon与PointPlacemark关联起来
  104. PointPlacemark placemark = new PointPlacemark(balloonPosition);
  105. placemark.setLabelText(balloonName);
  106. placemark.setValue(AVKey.BALLOON, balloon);
  107. layer.addRenderable(balloon);
  108. layer.addRenderable(placemark);
  109. return layer;
  110. }
  111. public double getBalloonLat()
  112. {
  113. return balloonLat;
  114. }
  115. public void setBalloonLat(double balloonLat)
  116. {
  117. this.balloonLat = balloonLat;
  118. }
  119. public double getBalloonLon()
  120. {
  121. return balloonLon;
  122. }
  123. public void setBalloonLon(double balloonLon)
  124. {
  125. this.balloonLon = balloonLon;
  126. }
  127. public String getBalloonContentPath()
  128. {
  129. return balloonContentPath;
  130. }
  131. public void setBalloonContentPath(String balloonContentPath)
  132. {
  133. this.balloonContentPath = balloonContentPath;
  134. }
  135. public String getBalloonName()
  136. {
  137. return balloonName;
  138. }
  139. public void setBalloonName(String balloonName)
  140. {
  141. this.balloonName = balloonName;
  142. }
  143. }

调用的时候,只需键入以下代码即可:

  1. String htmlPath = System.getProperty("user.dir")
  2. + "\\src\\edu\\whu\\vge\\data\\whu.html";
  3. BalloonsUtil balloonsUtil = new BalloonsUtil(30.5271,
  4. 114.3604, htmlPath, "我在这里");
  5. wwPanel.getWorldWindowGLCanvas()
  6. .getModel()
  7. .getLayers()
  8. .add(balloonsUtil.makeBrowserBalloon(wwPanel
  9. .getWorldWindowGLCanvas()));

另外,附上whu.html网页的代码以供大家参考。

    1. <html>
    2. <head>
    3. <style type='text/css'>
    4. html, body {
    5. margin: 0 0;
    6. width: 100%;
    7. height: 100%;
    8. overflow: hidden
    9. }
    10. a:link {
    11. color: #0000CD;
    12. text-decoration: underline
    13. }
    14. table {
    15. font-family: verdana, 黑体, sans-serif;
    16. font-size: 12px;
    17. color: #4169E1;
    18. border-width: 1px;
    19. border-color: #a9c6c9;
    20. border-collapse: collapse
    21. }
    22. th {
    23. background-color: #4169E1;
    24. color: #fff
    25. }
    26. tr {
    27. background-color: #d4e3e5
    28. }
    29. td {
    30. border-width: 1px;
    31. border-style: solid;
    32. border-color: #a9c6c9
    33. }
    34. </style>
    35. <title></title>
    36. </head>
    37. <body>
    38. <table border='0'>
    39. <tr>
    40. <th align='center' colspan='2'>武汉大学</th>
    41. </tr>
    42. <tr>
    43. <td rowspan='7'><a href="http://www.whu.edu.cn/index.htm"> <img
    44. border='0' alt='' width='300px' height='225px'
    45. src='http://news.whu.edu.cn/_mediafile/whu_news/2015/02/02/1eq0euop1q.jpg'>
    46. </a></td>
    47. </tr>
    48. </table>
    49. </body>
    50. </html>

最新文章

  1. Runtime应用防止按钮连续点击 (转)
  2. Make cnblogs mobile Compatible
  3. C# 程序中的变量
  4. web设计经验&lt;一&gt; 提升移动设备响应式设计的8个建议
  5. python中变量
  6. MVVM Light中的Message
  7. 玩转HTML5移动页面(动效篇)
  8. CAS+SSO原理浅谈
  9. Enterprise Solution 企业管理软件开发框架
  10. Please verify you invoked Maven from the correct directory
  11. C#导入导出Excele数据
  12. SpringCloud应对高并发的思路
  13. maven常用仓库
  14. git 合并冲突 取消合并
  15. 小程序入门学习Demo
  16. Windows ,获取硬盘物理序列号(VC++)
  17. 关于HTML5服务器发送事件(SSE)
  18. 洛谷P2231 [HNOI2002]跳蚤 [数论,容斥原理]
  19. JSP内置对象——session
  20. HDU 5831 Rikka with Parenthesis II (贪心)

热门文章

  1. vue -- 正确的引入jquery
  2. 《OD大数据实战》Spark入门实例
  3. uva 10817(数位dp)
  4. .gitkeep--git提交空目录的解决方法
  5. sourcetree基本使用
  6. 外键约束 foreign key
  7. maven参数
  8. Docker从入门到实战(四)
  9. jquery——样式操作
  10. 修改apk里面的源码