易优cms 地图导航代码(简单导航源码)

地图导航功能是现代网站中的常见功能之一，易优cms提供了简单易用的地图导航代码，下面将为大家介绍如何使用。

1. 引入地图导航代码

在需要使用地图导航功能的页面中，我们需要引入地图导航代码。首先，在页面中引入jquery和百度地图api：

<script src="static/js/jquery.min3.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

其中，您需要将“您的密钥”替换为您在百度地图开放平台申请的密钥。

然后，在页面中引入地图导航代码：

<script type="text/javascript" src="http://cdn.eoe.cn/js/map/eoe_map.js"></script>

2. 设置地图导航参数

在引入地图导航代码后，我们需要设置地图导航的参数。在页面中，我们可以使用以下代码设置参数：

var eoe_map = new EoeMap({
    id: 'map_container', // 地图容器ID
    zoom: 15, // 缩放级别
    center: '北京市海淀区中关村', // 地图中心点
    address: '北京市海淀区中关村', // 目的地地址
    title: '易优网络', // 目的地标题
    content: '北京市海淀区中关村', // 目的地内容
    markerIcon: 'http://cdn.eoe.cn/js/map/images/marker.png', // 标记图标
    routeLine: true, // 是否显示路线
    routeType: 'DRIVING' // 路线类型
});

其中，id为地图容器的ID，zoom为地图缩放级别，center为地图中心点，address为目的地地址，title为目的地标题，content为目的地内容，markerIcon为标记图标，routeLine为是否显示路线，routeType为路线类型。

3. 显示地图导航

设置好参数后，我们就可以显示地图导航了。在页面中，我们可以使用以下代码显示地图导航：

eoe_map.show();

以上就是易优cms地图导航代码的简单介绍，希望对大家有所帮助。