<rp id="b2z4o"><ruby id="b2z4o"></ruby></rp>

<li id="b2z4o"><object id="b2z4o"></object></li>
<s id="b2z4o"><object id="b2z4o"></object></s>
<th id="b2z4o"><track id="b2z4o"></track></th>
    1. 十年风雨路 · 一心铸精品

      接一个官网 留一件精品 做一个项目 树一块样板

      百度地图接口实现自定义网页地图开发实现

      午研究了下一些网站都已经实现好的地区、公交、线路等等一些基于“地图”的服务,这些服务都是基于诸如百度、谷歌地图服务接口下的二次开发,百度地图接口服务免费,而且开发文档,API介绍详细,所以本文暂先介绍如何调用百度地图服务(API)http://developer.baidu.

      时间:2014年04月24日 点击量:

      午研究了下一些网站都已经实现好的地区、公交、线路等等一些基于“地图”的服务,这些服务都是基于诸如百度、谷歌地图服务接口下的二次开发,百度地图接口服务免费,而且开发文档,API介绍详细,所以本文暂先介绍如何调用百度地图服务(API)

      http://developer.baidu.com/service#dev       百度开发者中心,进去之后能够看见baiduMap API的帮助文档,文档不错,比较详细,一般参阅此文档基本上能应付一般的需求了,

      编程步骤也较为简单:

      js代码:


      [javascript] view plaincopyprint?
      01.<SPAN style="FONT-SIZE: 18px">var map; 
      02.function initMap(){ 
      03.    map = new BMap.Map("mapBox"); // 创建地图实例   
      04.    var point = new BMap.Point(116.404,39.915); // 创建点坐标   
      05.    map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别  
      06.} 
      07.function search(){ 
      08.    var areaName = $("area").value; 
      09.    if(areaName=="")return; 
      10.    if(map==null){ 
      11.        init(); 
      12.    } 
      13.    var local = new BMap.LocalSearch(map,{    
      14.         renderOptions:{map:map}    
      15.    });    
      16.    local.search(areaName);    
      17.} 
      18.function $(id){ 
      19.    return document.getElementById(id); 
      20.}</SPAN> 
      var map;
      function initMap(){
       map = new BMap.Map("mapBox"); // 创建地图实例
       var point = new BMap.Point(116.404,39.915); // 创建点坐标
       map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别
      }
      function search(){
       var areaName = $("area").value;
       if(areaName=="")return;
       if(map==null){
        init();
       }
       var local = new BMap.LocalSearch(map,{  
         renderOptions:{map:map}  
       });  
       local.search(areaName);  
      }
      function $(id){
       return document.getElementById(id);
      }
      html代码:


      [html] view plaincopyprint?
      <SPAN style="FONT-SIZE: 16px"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
      <html> 

      推荐案例

      • 成都森美啦园林绿化工程公

      • 四川尚恒科技有限公司

      • 成都九邦物流有限责任公司

      • 四川品睿餐饮管理有限公司

      • 美绘陶社陶艺手绘工作室-暖

      • 成都恩多施生物工程技术有

      • 汶川羌人土特产有限公司

      • 印刷设计公司网站No.3138

      联系我们 / CONTACT US

      • 四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903室
      • 服务热线:400-000-2367 028-86088588
      • 总机:028-62322623-0
      • 传真:028-62322623-823

      扫码访问冠辰手机网站

      版权所有 Copyright © 2002-2019 四川冠辰科技开发有限公司  www.habitususa.com 保留所有权利  蜀ICP备11012605号

      地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903室

      服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823

      极准特马一肖