javascript百度地圖怎么用

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

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

%@?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();??//?開啟鼠標滾輪縮放????

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

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

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

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

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)建一個地圖

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

var?point?=?new?BMap.Point(120.391655,36.067588);??//?創(chuàng)建點坐標

map.centerAndZoom(point,?15);

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

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

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

1、打開HTML5軟件。

2、點擊文件按鈕。

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

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

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

6、點擊運行即可顯示。

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

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

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

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

該套API免費對外開放。自v1.5版本起，您需先申請密鑰（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實例

map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地圖,設置中心點坐標和地圖級別

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

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

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

/script

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

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

如下圖所示：

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

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

設置因瀏覽器大小改變地圖大小，進行禁止；引入地圖核心js前，記得到官網(wǎng)上申請密鑰

如下圖所示：

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

如下圖所示：

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

如下圖所示：

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

如下圖所示：

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

如下圖所示：

7

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

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

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

廣告

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