WEB開發(fā)添加百度地圖及導(dǎo)航

發(fā)布日期：2016年07月12日文章來源：

buy prednisolone eye drops over the counter

buy prednisolone

amitriptyline without prescription

amitriptyline 50mg dadm.dk buy amitriptyline uk

amoxicillin for dogs

amoxicillin

buy antidepressants visa

buy amitriptyline online clujmuenchen.ro amitriptyline 10mg

accutane without insurance reddit

buy accutane pills

clomid london

buy clomid tablets

buy abortion pill philippines

pregnancy termination in manila celticcodingsolutions.com pills for abortion

naltrexone buy uk

buy naltrexone 3mg

Amitriptyline for Nerve Pain

buy elavil uk westshoreprimarycare.com amitriptyline for anxiety

在web開發(fā)中為了方便客服對公司的了解常常會(huì)涉及到，站內(nèi)地圖及導(dǎo)航鏈接，其中主要以百度地圖，高德地圖，google地圖使用最為廣泛。

第一步進(jìn)入百度地圖IPA-開發(fā)-地圖生成器；

第二步找到你需要生成的位置，并填上標(biāo)簽和備注；

接下來就按需求添加上不同的控件和事件，以下貼上站內(nèi)地圖，點(diǎn)擊導(dǎo)航跳轉(zhuǎn)到百度地圖。

ps：需要先設(shè)置好密鑰

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

html,body{

width:100%;

height:700px;

margin:0;

overflow:hidden;

}

</style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

var map = new BMap.Map("container");

map.centerAndZoom(new BMap.Point(118.137506, 24.511594), 17);

map.enableScrollWheelZoom();

var marker = new BMap.Marker(new BMap.Point(118.137506, 24.511594));

map.addOverlay(marker);

var dada = "";

var ua = navigator.userAgent.toLowerCase();

if (/iphone|ipad|ipod/.test(ua)) {

dada = "baidumap://map/direction?origin={{我的位置}}&destination=賽格電子廣場B棟&mode=driving&src=yourCompanyName|yourAppName";

} else if (/android/.test(ua)) {

dada = "bdapp://map/marker?location={{我的位置}}&title=賽格電子廣場B棟&content=賽格電子廣場B棟&src=yourCompanyName|yourAppName";

} else {

dada = "http://j.map.baidu.com/JxDqC";

}

var licontent = "<b>騰維網(wǎng)絡(luò)科技有限公司</b><br>";

licontent += "<span>賽格電子廣場B棟1401</span><br>";

licontent += "<span class=\"input\"><a href =\""+dada+"\"><input class=\"outset-but\" type=\"button\"value=\"導(dǎo)航\" /></a></span>";

var hiddeninput = "<input type=\"hidden\" value=\"" + '廈門' + "\" name=\"region\" /><input type=\"hidden\" value=\"html\"name=\"output\" /><input type=\"hidden\" value=\"driving\" name=\"mode\" />";

var content1 = "<form id=\"gotobaiduform\" action=\"http://api.map.baidu.com/direction\" target=\"_blank\" method=\"get\">" +

licontent + hiddeninput + "</form>";

var opts1 = { width: 150 };

var infoWindow = new BMap.InfoWindow(content1, opts1);

marker.openInfoWindow(infoWindow);

marker.addEventListener('click', function () {

marker.openInfoWindow(infoWindow);

});

</script>

</asp:Content>

上一篇:關(guān)于Session的跨頁傳值

下一篇:成為一個(gè)程序員你必須懂得事

返回列表

日韩卡一卡二无线乱码新区仙踪林,精品亚洲成a人在线看片,亚洲国产成人资源在线,欧美成人精品a片免费一区百度

新聞資訊

WEB開發(fā)添加百度地圖及導(dǎo)航