百度地图 demo 在html中显示 在jsp中不显示

  1. 云栖社区>
  2. 博客>
  3. 正文

百度地图 demo 在html中显示 在jsp中不显示

qq1413139134 2015-05-18 13:41:00 浏览1748

百度地图demo



在线演示如下:

http://demo.yourtion.com/BaiduMap/mapSearch_getLonlet.html


源码如下:

https://github.com/yourtion/BlogCodes/blob/master/baidu-maps-search-get-lonlat.html


新建一个 .html 文件 ,直接cp源码到 .html文件里面就可以了。


如果用的动态jsp页面加载百度地图,并非html页面有可能会出现下面的场景:




这是因为对版本的不支持,在 github 中的源码如下:

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
 
直接copy到 .html 中是适用的,但在 .jsp 中是不适应的,可修改如下:

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
 

查了很多资料也没发现怎么解决,后来感觉应该是版本问题,改成这样就ok了。