通过代码示例跟我学html5相关技术——在html5中如何获取地理位置信息及应用实例第2部分

通过代码示例跟我学html5相关技术——在html5中如何获取地理位置信息及应用实例第2部分内容摘要：

POI POI 是“ Point of Interest”的缩写，中文可以翻译为“兴趣点”。 在地理信息系统中，一个 POI 可以是一栋房子、一个商铺、一个邮筒、一个公交站等。 在线编程示例 百度地图 API 应用示例 !DOCTYPE html html head meta equiv=ContentType content=text/html。 charset=utf8 / meta name=viewport content=initialscale=, userscalable=no / 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工 作室，版权所有，盗版必究 ， 11/19 页 11 style type=text/css body, html{width: 100%。 height: 100%。 overflow: hidden。 margin:0。 } allmap {marginright: 300px。 height: 100%。 overflow: hidden。 } result {borderleft:1px dotted 999。 height:100%。 width:295px。 position:absolute。 top:0px。 right:0px。 fontsize:12px。 } dl,dt,dd,ul,li{ margin:0。 padding:0。 liststyle:none。 } dt{ fontsize:14px。 fontfamily:微软雅黑。 fontweight:bold。 borderbottom:1px dotted 000。 padding:5px 0 5px 5px。 margin:5px 0。 } dd{ padding:5px 0 0 5px。 } li{ lineheight:28px。 } /style script type=text/javascript src= script type=text/javascript src=script 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工 作室，版权所有，盗版必究 ， 12/19 页 12 link rel=stylesheet href= / titleSearchInfoWindow/title /head body div id=allmap style=overflow:hidden。 zoom:1。 position:relative。 div id=map style=height:100%。 webkittransition: all easeinout。 transition: all easeinout。 /div div id=showPanelBtn style=position:absolute。 fontsize:14px。 top:50%。 margintop:95px。 right:0px。 width:20px。 padding:10px 10px。 color:999。 cursor:pointer。 textalign:center。 height:170px。 background:rgba(255,255,255,)。 webkittransition: all easeinout。 transition: all easeinout。 fontfamily:39。 微软雅黑39。 fontweight:bold。 显示检索结果面板 br//div div id=panelWrap style=width:0px。 position:absolute。 top:0px。 right:0px。 height:100%。 overflow:auto。 webkittransition: all easeinout。 transition: all easeinout。 div style=width:20px。 height:200px。 margin:100px 0 0 10px。 color:999。 position:absolute。 opacity:。 top:50%。 left:50%。 此处用于展示结果面板/div div id=panel style=position:absolute。 /div /div /div div id=result dl dt基本操作 /dt dd 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工 作室，版权所有，盗版必究 ， 13/19 页 13 ul li 视 野 范 围 内 最 优 视 觉 :input type=radio value=1 id=enableAutoPan name=isAutoPan checked=checked/ 开启 input type=radio id=disableAutoPan value=0 name=isAutoPan关闭 /button libutton id=open 打开 /buttonbutton id=close 关闭/button button id=show显示 /buttonbutton id=hide隐藏 /button/li /ul /dd dt设置 /dt dd ul /li li是否显示发送到手机： input type=checkbox id=enableSendToPhone checked//li li 位置：经度 input type=text id=lng value= style=width:80px。 / 纬度 input type=text id=lat value= style=width:80px。 //li。