javascript百度地圖怎么用

javascript 調(diào)用百度地圖API

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的資中網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

%@?Page?Language="C#"?AutoEventWireup="true"?CodeFile="Default3.aspx.cs"?Inherits="Default3"?%

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""

html?xmlns=""

head?runat="server"

title/title

script?type="text/javascript"?src=";v=1.3"

/script

/head

body

p

地址：input?id="txtSearch"?type="text"?/

input?type="button"?value="搜索"?onclick="search()"?//p

div?style="width:?800px;?height:?600px;?border:?1px?solid?gray;"?id="container"

/div

/body

script?type="text/javascript"

function?$(id)?{

return?document.getElementById(id);?//定義$

}

var?map?=?new?BMap.Map("container");?//創(chuàng)建地圖

map.centerAndZoom(new?BMap.Point(116.330599,?39.95536),?10);?//初始化地圖

map.enableScrollWheelZoom();??//?開啟鼠標(biāo)滾輪縮放????

map.enableKeyboard();?????????//?開啟鍵盤控制????

map.enableContinuousZoom();???//?開啟連續(xù)縮放效果????

map.enableInertialDragging();?//?開啟慣性拖拽效果??

map.addControl(new?BMap.NavigationControl());?//添加標(biāo)準(zhǔn)地圖控件(左上角的放大縮小左右拖拽控件)??

map.addControl(new?BMap.ScaleControl());??????//添加比例尺控件(左下角顯示的比例尺控件)??

map.addControl(new?BMap.OverviewMapControl());?//?縮略圖控件??

map.addControl(new?BMap.MapTypeControl());

var?city?=?new?BMap.LocalSearch(map,?{?renderOptions:?{?map:?map,?autoViewport:?true}?});?//地圖顯示到查詢結(jié)果處

function?search()?{

var?s?=?$("txtSearch").value;

city.search(s);?//查找城市

}

/script

/html

百度地圖 javascript api 怎么使用

引入百度地圖的api

script?type="text/javascript"?src=";v=2.0services=false"/script

接下來我們就可以創(chuàng)建一個(gè)地圖

var?map?=?new?BMap.Map("container");??????????//?創(chuàng)建地圖實(shí)例

var?point?=?new?BMap.Point(120.391655,36.067588);??//?創(chuàng)建點(diǎn)坐標(biāo)

map.centerAndZoom(point,?15);

//map.centerAndZoom("北京",?15);

//map.centerAndZoom("Hongkong",?15);

HTML5怎么使用JavaScript顯示大數(shù)據(jù)地圖板塊

1、打開HTML5軟件。

2、點(diǎn)擊文件按鈕。

3、選擇文件使用驅(qū)動(dòng)為JavaScript。

4、點(diǎn)擊創(chuàng)建。

5、將大數(shù)據(jù)地圖板塊的代碼輸入。

6、點(diǎn)擊運(yùn)行即可顯示。

地圖類javascript怎么實(shí)現(xiàn)的

Javascrip要實(shí)現(xiàn)地圖功能，可以調(diào)用地圖API，比較權(quán)威的有百度地圖API和谷歌地圖API等，以下以百度地鐵API為例。

百度地圖JavaScript API是一套由JavaScript語言編寫的應(yīng)用程序接口，可幫助您在網(wǎng)站中構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用，支持PC端和移動(dòng)端基于瀏覽器的地圖應(yīng)用開發(fā)，且支持HTML5特性的地圖開發(fā)。

JavaScript API已經(jīng)支持Https，如需此服務(wù)請(qǐng)移步合作咨詢頁面，在需求描述中寫明申請(qǐng)Https使用權(quán)限。

該套API免費(fèi)對(duì)外開放。自v1.5版本起，您需先申請(qǐng)密鑰（ak）才可使用，接口（除發(fā)送短信功能外）無使用次數(shù)限制。

下面是官方示例：

!DOCTYPE html

html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

meta name="viewport" content="initial-scale=1.0, user-scalable=no" /

style type="text/css"

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微軟雅黑";}

/style

script type="text/javascript" src=";ak=您的密鑰"/script

title地圖展示/title

/head

body

div id="allmap"/div

/body

/html

script type="text/javascript"

// 百度地圖API功能

var map = new BMap.Map("allmap"); // 創(chuàng)建Map實(shí)例

map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別

map.addControl(new BMap.MapTypeControl()); //添加地圖類型控件

map.setCurrentCity("北京"); // 設(shè)置地圖顯示的城市 此項(xiàng)是必須設(shè)置的

map.enableScrollWheelZoom(true); //開啟鼠標(biāo)滾輪縮放

/script

如何利用JavaScript API繪制高德地圖

這里，我用的是HTML5頁面進(jìn)行設(shè)計(jì)的。那么，首先創(chuàng)建一個(gè)HTML5文件，

如下圖所示：

接著，設(shè)置下禁止瀏覽器窗口大小改變地圖大小，并引入地圖核心JS

meta name="viewport" content="initial-scale=1.0,user-scalable=no"

設(shè)置因?yàn)g覽器大小改變地圖大小，進(jìn)行禁止；引入地圖核心js前，記得到官網(wǎng)上申請(qǐng)密鑰

如下圖所示：

地圖如何在頁面上展示出來，這里就需要一個(gè)地圖容器。于是，我在body/body中設(shè)置一個(gè)div，作為地圖容器，

如下圖所示：

接著，設(shè)置下body、div元素的樣式，如寬度、高度、字體以及字體大小等。這里，必須要設(shè)置下寬度和高度，且使用百分比，這樣讓其自適應(yīng)，

如下圖所示：

然后，編寫生成地圖的核心JS，指定地圖的經(jīng)緯度，地圖為2D的，放大級(jí)別zoom，

如下圖所示：

最后，將地圖初始化函數(shù)放到body中的onload事件中，讓初始化頁面就加載地圖，

如下圖所示：

7

但是，我發(fā)現(xiàn)這樣寫的話，地圖始終不出來；于是，我仔細(xì)檢查下，結(jié)果發(fā)現(xiàn)地圖容器的ID和初始化函數(shù)地圖ID不一致，還有沒有設(shè)置html元素的樣式，導(dǎo)致地圖始終顯示不了。修改完了之后，重新刷新瀏覽器，地圖顯示出來了

分享名稱：地圖javascript,地圖魚
URL網(wǎng)址：http://chinadenli.net/article38/dseogpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、虛擬主機(jī)、做網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、用戶體驗(yàn)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)