jsp 百度地图加载

傷城~ 2022-08-20 02:23 404阅读 0赞

引用:

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

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。

该套API免费对外开放。自v1.5版本起，您需先 "申请密钥(ak)**"**才可使用，接口（除发送短信功能外）无使用次数限制。

此处代码仅用于jsp页面简单的定位 , 如果需要更多的功能，请上百度地图API

<script type="text/javascript">  
    var map = new BMap.Map("container"); // 创建地图实例  
    var point = new BMap.Point(116.404, 39.915); // 创建点坐标  
        map.enableScrollWheelZoom();   //启动鼠标中键控制地图缩放    
        map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别  
        map.enableContinuousZoom();    // 开启连续缩放效果  
        map.enableInertialDragging(); // 开启惯性拖拽效果  
        map.addControl(new BMap.NavigationControl()); // 添加控件  
        map.addControl(new BMap.ScaleControl());  
        map.addControl(new BMap.OverviewMapControl());    
        map.addControl(new BMap.MapTypeControl());  
        map.addEventListener("click", function(e)\{//地图单击事件  
            document.getElementById("longitude").value = e.point.lng;  
            document.getElementById("latitude").value = e.point.lat;  
            $("label\[for=longitude\]").hide();  
        \});  
          
      
    function iploac(result)\{//根据IP设置地图中心  
        var cityName = result.name;  
        map.setCenter(cityName);  
    \}  
    var myCity = new BMap.LocalCity();  
        myCity.get(iploac);  
          
    function sear(result)\{//地图搜索  
        var local = new BMap.LocalSearch(map, \{  
                renderOptions:\{map: map\}  
        \});  
            local.search(result);  
            checkMaker();  
    \}  
  
    function checkMaker() \{  
        if (marker != null)  
            map.removeOverlay(marker); //如果marker已经存在，删除标记  
    \}  
</script>

发表评论取消回复

表情：

评论列表（有 0 条评论，404人围观）

还没有评论，来说两句吧...

相关阅读

相关百度地图在jsp页面加载大量轨迹导致地图卡顿

原画线方式： //存储大量点轨迹json数组：historyPathList for(var i=0;i<historyPathList.length-1;i

r囧r小猫/ 2023年08月17日 16:35/ 0 赞/ 135 阅读

相关【百度地图】——利用三级联动加载百度地图

【百度地图】——利用三级联动加载百度地图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

àì夳堔傛蜴生んèń/ 2022年10月10日 04:55/ 0 赞/ 467 阅读

相关用asp.net mvc 3加载百度地图数据(结合百度API)

前言:百度地图标注物数据加载结合百度API([http://openapi.baidu.com/map/jsdemo.htm][http_openapi.baidu.com_

深藏阁楼爱情的钟/ 2022年09月19日 12:20/ 0 赞/ 217 阅读

相关 Leaflet地图加载百度底图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

淩亂°似流年/ 2022年09月04日 05:52/ 0 赞/ 352 阅读

相关 jsp 百度地图加载

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

傷城~/ 2022年08月20日 02:23/ 0 赞/ 405 阅读

相关百度地图加载百度js 出现 BMap is not defined

!function(mapInit) \{ var script = document.createElement("script"); script.type

矫情吗；*/ 2022年06月06日 07:59/ 0 赞/ 659 阅读

相关制作百度地图离线JavaScript API加载本地瓦片地图

[制作百度地图离线JavaScript API加载本地瓦片地图][JavaScript API] 1.首先获取百度 JavaScript API 首先用浏览器打开 [h

Dear 丶/ 2021年11月14日 14:20/ 0 赞/ 651 阅读

相关百度地图之加载地图

根据经度、纬度、级别加载地图信息示例如下： / 加载地图参数：经度纬度

小灰灰/ 2021年09月28日 02:50/ 0 赞/ 819 阅读

相关百度地图API 加载百度地图

前言百度地图在日常生活中应用的越来越多，功能也日渐丰富，我们可以使用ArcGIS JS API加载在线百度地图（[https://blog.csdn.net/i

布满荆棘的人生/ 2021年09月15日 02:50/ 0 赞/ 868 阅读

相关 ArcGIS API for JavaScript 加载百度地图

前言有时我们在面对需要使用百度地图作为地图的场景，我们可以通过对百度地图，百度卫星图，百度标注图层进行加载通过在网上查阅，得到了比较合适的坐标转换加载百度

男娘i/ 2021年09月15日 02:46/ 0 赞/ 901 阅读