報錯前的代碼:
1 <script type="text/javascript">
2 map = new BMap.Map("map");
3 var point = new BMap.Point(108.98048187, 34.21504360); // 大唐芙蓉園
4 map.centerAndZoom(point, 15); // 初始化地圖,並且設置中心點坐標,以及地圖的級別
5 map.enableScrollWheelZoom(); // 啟用滾輪放大縮小地圖
6 map.addControl( new BMap.NavigationControl()); // 添加默認縮放平移控件
7 map.addControl( new BMap.ScaleControl()); // 添加默認比例尺控件
8 var cyIcon = new BMap.Icon("/Images/lineLogo.gif", new BMap.Size(50, 63), {
9 anchor: new BMap.Size(10, 30),
10 infoWindowAnchor: new BMap.Size(25, 0)
11 }); // 設置標注圖標
12 var marker = new BMap.Marker(point, { icon: cyIcon }); // 創建標注
13 map.addOverlay(marker); // 將標注添加到地圖中
14 var opts = {
15 width: 250, // 寬度
16 height: 100, // 高度
17 title: "大唐芙蓉園" // 信息窗口標題
18 };
19 var infoWindow = new BMap.InfoWindow("accp", opts); // 創建信息窗口對象
20 marker.addEventListener("onclick", function () { this.openInfoWindow(infoWindow) }); // 打開信息窗口
21 </script>
22 <div class="box3" id="map" style=" width:695px; height:380px;">
23 @*<img src="../upload/4.png" width="695" height="380" />
24 @Html.Raw(Model.companyModel.TRAFFIC_GUIDE)*@
2 map = new BMap.Map("map");
3 var point = new BMap.Point(108.98048187, 34.21504360); // 大唐芙蓉園
4 map.centerAndZoom(point, 15); // 初始化地圖,並且設置中心點坐標,以及地圖的級別
5 map.enableScrollWheelZoom(); // 啟用滾輪放大縮小地圖
6 map.addControl( new BMap.NavigationControl()); // 添加默認縮放平移控件
7 map.addControl( new BMap.ScaleControl()); // 添加默認比例尺控件
8 var cyIcon = new BMap.Icon("/Images/lineLogo.gif", new BMap.Size(50, 63), {
9 anchor: new BMap.Size(10, 30),
10 infoWindowAnchor: new BMap.Size(25, 0)
11 }); // 設置標注圖標
12 var marker = new BMap.Marker(point, { icon: cyIcon }); // 創建標注
13 map.addOverlay(marker); // 將標注添加到地圖中
14 var opts = {
15 width: 250, // 寬度
16 height: 100, // 高度
17 title: "大唐芙蓉園" // 信息窗口標題
18 };
19 var infoWindow = new BMap.InfoWindow("accp", opts); // 創建信息窗口對象
20 marker.addEventListener("onclick", function () { this.openInfoWindow(infoWindow) }); // 打開信息窗口
21 </script>
22 <div class="box3" id="map" style=" width:695px; height:380px;">
23 @*<img src="../upload/4.png" width="695" height="380" />
24 @Html.Raw(Model.companyModel.TRAFFIC_GUIDE)*@
25 </div>
此時會報“Uncaught TypeError: Cannot read property 'jc' of undefined
”這個錯。
解決辦法:
將js代碼寫到你的地圖(div容器)的下面。錯誤方可解決。另外有好幾個錯都是這個原因。