天地图GeoGlobe添加Popup弹出框

前面我们已经介绍了如何在天地图中添加地图标记Marker,详见《天地图GeoGlobe创建地图标记Marker》,现在我们在地图标记的基础上添加Popup弹出框,弹出地图标记的相应信息。这次还是以刚落成的“活活艺术教育中心”为例,弹出“活活艺术教育中心”落成剪彩的现场图片。 实现过程是先通过marker.events.register在Marker上创建一个mousedown事件,然后实例化GeoSurf.Popup,最后在图层上addPopup。 源代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>天地图GeoGlobe添加Popup弹出框 DEMO</title> <script language="javascript" src="http://www.tianditu.com/guide/lib/GeoSurfJSAPI.js"></script> <script...


全文约 353 字, 预计阅读时间为 2 分钟

天地图GeoGlobe创建地图标记Marker

上一次我们已经在《天地图GeoGlobe开发入门》中利用GeoGlobe二维地图API创建了一个map对象,在div中显示出以嘉应学院为中心点的640*480像素大小的卫星地图,现在我们要在地图上添加地图标记,也就是Marker,用来标记出我们刚落成的“活活艺术教育中心”的位置所在。 实现也是比较简单的,我们通过实例化GeoSurf.LonLat和GeoSurf.Icon两个类,再在地图上创建一个特殊的层叫做GeoSurf.Layer最后实例化GeoSurf.Marker,最终创建一个地图标记Marker(GeoGlobe地标)。 源代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>天地图GeoGlobe创建地图标记Marker DEMO</title> <script language="javascript" src="http://www.tianditu.com/guide/lib/GeoSurfJSAPI.js"></script> <script...


全文约 268 字, 预计阅读时间为 2 分钟

天地图GeoGlobe开发入门

现在我们以一个最简单的示例来帮助您快速对GeoGlobe二维地图API开发有一个全面的了解,并且有一个直观感性的认识。 下面的代码是在一个普通的HTML页面里加入一个以嘉应学院为中心点的640*480像素大小的卫星地图。 <!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;...


全文约 319 字, 预计阅读时间为 2 分钟

用PHP输出转义JavaScript代码

最近在做天地图是GIS集成··要输出HTML到JavaScript里面··涉及到代码转义什么的比较麻烦··所以写个PHP的function 分享一下: function jsformat($str) { $str = trim($str); $str = str_replace('\\s\\s', '\\s', $str); $str =...


全文约 160 字, 预计阅读时间为 1 分钟