Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SuperMan
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
1
Issues
1
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
罗超
SuperMan
Commits
8d4c274b
Commit
8d4c274b
authored
Jan 03, 2020
by
黄奎
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
页面修改
parent
dfb3cddd
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
223 additions
and
210 deletions
+223
-210
index.html
index.html
+1
-2
googleMap.js
src/assets/utils/googleMap.js
+219
-205
index.js
src/plug/index.js
+3
-3
No files found.
index.html
View file @
8d4c274b
...
...
@@ -12,8 +12,7 @@
<!-- <script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script> -->
<script
type=
"text/javascript"
src=
"static/MarkerClusterer.js"
></script>
<script
type=
"text/javascript"
src=
"static/CurveLine.min.js"
></script>
<script
type=
"text/javascript"
src=
"http://ditu.google.cn/maps/api/js?key=AIzaSyAZ5MIfzicStzKbIkbI3RcBBeZBjQFKsp0&language=zh-CN"
></script>
<script
type=
"text/javascript"
src=
"http://ditu.google.cn/maps/api/js?key=AIzaSyBx6JAiyAFPwBN1nM-g_hpQ7lvdPY3n2oU&language=zh-CN"
></script>
<title>
四川和平国际旅行社
</title>
</head>
<body>
...
...
src/assets/utils/googleMap.js
View file @
8d4c274b
/**
* Created by Administrator on 2018/7/17.
*/
...
...
@@ -35,8 +34,7 @@ var googleMap = {
googleMap
.
initMap
();
if
(
googleMap
.
defaultAddress
==
""
)
{
googleMap
.
initMapFirst
();
}
else
{
}
else
{
googleMap
.
searchAddress
();
}
googleMap
.
callback
=
callback
;
...
...
@@ -57,7 +55,8 @@ var googleMap = {
var
LatLng
=
new
google
.
maps
.
LatLng
(
data
[
0
].
lat
,
data
[
0
].
lng
);
if
(
data
.
length
>
0
)
{
googleMap
.
map
=
new
google
.
maps
.
Map
(
googleMap
.
map_id
,
{
zoom
:
14
,
center
:
LatLng
zoom
:
14
,
center
:
LatLng
});
}
}
...
...
@@ -90,9 +89,17 @@ var googleMap = {
if
(
googleMap
.
marker
)
{
googleMap
.
marker
.
setMap
(
null
);
}
var
imageUrl
=
googleMap
.
imageDomain
+
"/static/img/position_red.png"
;
var
imageUrl
=
{}
;
if
(
isCallBack
==
1
)
{
imageUrl
=
googleMap
.
imageDomain
+
"/static/img/position_blue.png"
;
imageUrl
=
{
url
:
googleMap
.
imageDomain
+
"/static/location_01.png"
,
// image is 512 x 512
scaledSize
:
new
google
.
maps
.
Size
(
30
,
40
),
}
}
else
{
imageUrl
=
{
url
:
googleMap
.
imageDomain
+
"/static/location_01.png"
,
// image is 512 x 512
scaledSize
:
new
google
.
maps
.
Size
(
30
,
40
),
}
}
googleMap
.
marker
=
new
google
.
maps
.
Marker
({
title
:
address
,
...
...
@@ -129,16 +136,20 @@ var googleMap = {
},
searchAddress
:
function
()
{
var
address
=
googleMap
.
search_id
.
value
;
googleMap
.
geocoder
.
geocode
({
'address'
:
address
},
function
(
results
,
status
)
{
googleMap
.
geocoder
.
geocode
({
'address'
:
address
},
function
(
results
,
status
)
{
if
(
status
==
google
.
maps
.
GeocoderStatus
.
OK
)
{
googleMap
.
getAddress
(
results
,
1
);
googleMap
.
getAddress
(
results
,
1
);
}
});
},
placeMarker
:
function
(
location
)
{
//地图的点击事件,根据点击的点获取经度,纬度和地址信息
if
(
googleMap
.
geocoder
)
{
googleMap
.
geocoder
.
geocode
({
'location'
:
location
},
function
(
results
,
status
)
{
googleMap
.
geocoder
.
geocode
({
'location'
:
location
},
function
(
results
,
status
)
{
if
(
status
==
google
.
maps
.
GeocoderStatus
.
OK
)
{
googleMap
.
getAddress
(
results
,
1
);
}
...
...
@@ -178,7 +189,10 @@ var googleMap = {
let
_dataList
=
JSON
.
parse
(
JSON
.
stringify
(
dataList
));
let
lat
=
parseFloat
(
_dataList
[
0
].
lat
);
let
lng
=
parseFloat
(
_dataList
[
0
].
lng
);
let
center
=
{
lng
:
lng
,
lat
:
lat
}
let
center
=
{
lng
:
lng
,
lat
:
lat
}
//创建地图实例,zoom是缩放比例
_this
.
map
=
new
google
.
maps
.
Map
(
document
.
getElementById
(
'map_canvas'
),
{
zoom
:
7
,
...
...
@@ -188,18 +202,18 @@ var googleMap = {
_this
.
directionsDisplay
.
setMap
(
_this
.
map
);
googleMap
.
calcRoute
(
_dataList
,
_this
)
},
calcRoute
:
function
(
_dataList
,
_this
)
{
// 创建路径规划
calcRoute
:
function
(
_dataList
,
_this
)
{
// 创建路径规划
// 分解数据 获得起 止 以及中间数据
let
lat
=
parseFloat
(
_dataList
[
0
].
lat
);
let
lng
=
parseFloat
(
_dataList
[
0
].
lng
);
let
elat
=
parseFloat
(
_dataList
[
_dataList
.
length
-
1
].
lat
);
let
elng
=
parseFloat
(
_dataList
[
_dataList
.
length
-
1
].
lng
);
let
elat
=
parseFloat
(
_dataList
[
_dataList
.
length
-
1
].
lat
);
let
elng
=
parseFloat
(
_dataList
[
_dataList
.
length
-
1
].
lng
);
let
start
=
lat
+
','
+
lng
;
let
end
=
elat
+
','
+
elng
;
let
waypoints
=
[];
if
(
_dataList
.
length
>
2
)
{
_dataList
.
forEach
((
x
,
index
)
=>
{
if
(
index
>=
1
&&
index
!==
(
_dataList
.
length
-
1
))
{
if
(
index
>=
1
&&
index
!==
(
_dataList
.
length
-
1
))
{
let
obj
=
{
location
:
x
.
lat
+
','
+
x
.
lng
};
...
...
@@ -208,8 +222,8 @@ var googleMap = {
});
}
let
request
=
{
// 组装连线数据
origin
:
start
,
// 起
destination
:
end
,
// 止
origin
:
start
,
// 起
destination
:
end
,
// 止
travelMode
:
google
.
maps
.
TravelMode
.
DRIVING
,
// waypoints: [{location:"30.5226477,104.05806469999993"},{location:"30.67416759999999,104.04721970000003"}] // 中间点数据
};
...
...
@@ -217,7 +231,7 @@ var googleMap = {
request
.
waypoints
=
waypoints
}
_this
.
directionsService
.
route
(
request
,
function
(
result
,
status
)
{
_this
.
directionsService
.
route
(
request
,
function
(
result
,
status
)
{
if
(
status
==
google
.
maps
.
DirectionsStatus
.
OK
)
{
_this
.
directionsDisplay
.
setDirections
(
result
);
}
...
...
src/plug/index.js
View file @
8d4c274b
...
...
@@ -111,7 +111,7 @@ export default {
//域名管理对象
Vue
.
prototype
.
domainManager
=
function
()
{
let
domainUrl
=
''
;
domainUrl
=
"http://192.168.2.
66:8025
"
;
domainUrl
=
"http://192.168.2.
214:8082
"
;
let
locationName
=
window
.
location
.
hostname
;
let
javaUrldo
=
""
;
...
...
@@ -143,9 +143,9 @@ export default {
//SocketUrl
WebSocketUrl
:
"ws://192.168.1.110:8080?account="
,
//google地图Url
GoogleMapUrl
:
"http://ditu.google.cn/maps/api/js?key=AIzaSy
AZ5MIfzicStzKbIkbI3RcBBeZBjQFKsp0
&sensor=false&language=zh-CN"
,
GoogleMapUrl
:
"http://ditu.google.cn/maps/api/js?key=AIzaSy
Bx6JAiyAFPwBN1nM-g_hpQ7lvdPY3n2oU
&sensor=false&language=zh-CN"
,
//google地图图片地址
GoogleMapImageUrl
:
"http://
super
.oytour.com"
,
GoogleMapImageUrl
:
"http://
imgfile
.oytour.com"
,
//上传站点
UploadUrl
:
locationName
.
indexOf
(
'oytour'
)
!==
-
1
||
locationName
.
indexOf
(
'viitto'
)
!==
-
1
?
"http://upload.oytour.com"
:
"http://192.168.2.214:8120"
,
//文件站点
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment