WEB开发添加百度地图及导航

发布日期：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开发中为了方便客服对公司的了解常常会涉及到，站内地图及导航链接，其中主要以百度地图，高德地图，google地图使用最为广泛。

第一步进入百度地图IPA-开发-地图生成器；

第二步找到你需要生成的位置，并填上标签和备注；

接下来就按需求添加上不同的控件和事件，以下贴上站内地图，点击导航跳转到百度地图。

ps：需要先设置好密钥

<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>腾维网络科技有限公司</b><br>";

licontent += "<span>赛格电子广场B栋1401</span><br>";

licontent += "<span class=\"input\"><a href =\""+dada+"\"><input class=\"outset-but\" type=\"button\"value=\"导航\" /></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>

上一篇:关于Session的跨页传值

下一篇:成为一个程序员你必须懂得事

返回列表

新闻资讯

WEB开发添加百度地图及导航