Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
H
H5Public
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
CI / CD
CI / CD
流水线
作业
日程
统计图
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
前端开发小组
H5Public
Commits
5343f364
提交
5343f364
authored
10月 11, 2019
作者:
钟是志
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
定位地址修改
上级
06fc9c30
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
5 行增加
和
10 行删除
+5
-10
Demo.js
utils/handleLocation/Demo.js
+2
-3
index.js
utils/handleLocation/index.js
+3
-7
没有找到文件。
utils/handleLocation/Demo.js
浏览文件 @
5343f364
import
React
,
{
useState
,
useEffect
}
from
'react'
;
import
getLocation
from
'@/H5Public/utils/handleLocation'
;
export
default
function
Test
()
{
const
[
location
,
setLocation
]
=
useState
({});
...
...
@@ -10,11 +9,11 @@ export default function Test() {
};
useEffect
(()
=>
{
getLocation
(
setInfo
)
getLocation
(
setInfo
)
;
},[])
return
(
<
div
id
=
{
'baiduMap'
}
>
<
div
id
=
"baiduMap"
>
{
JSON
.
stringify
(
location
)}
<
/div
>
);
...
...
utils/handleLocation/index.js
浏览文件 @
5343f364
...
...
@@ -2,22 +2,17 @@ const isHttps = window.location.protocol.indexOf('https') > -1;
const
apiVersion
=
isHttps
?
'3.0'
:
'2.0'
;
const
mapContaienrId
=
"baiduMap"
;
const
apiSrc
=
`https://api.map.baidu.com/api?v=
${
apiVersion
}
&ak=WPau2m9l3Rty2HR7Kfc9879nzP2Fj0UU&callback=baiduMapInitialize`
;
const
hasMapContainer
=
!!
document
.
getElementById
(
mapContaienrId
);
function
loadScript
(
callBack
)
{
window
.
baiduMapInitialize
=
function
()
{
getLocationByMap
(
callBack
);
}
if
(
!
hasMapContainer
)
{
document
.
write
(
`
<div id="
${
mapContaienrId
}
"></div>
`
);
}
document
.
write
(
`<script type="text/javascript" src="
${
apiSrc
}
"></script>`
);
}
function
getLocationByMap
(
callback
)
{
const
BMap
=
window
.
BMap
;
//
const
map
=
new
BMap
.
Map
(
mapContaienrId
);
const
point
=
new
BMap
.
Point
(
107.303748
,
34.346725
);
map
.
centerAndZoom
(
point
,
12
);
...
...
@@ -93,8 +88,9 @@ export default function getLocation(callBack = () => {}){
if
(
typeof
BMap
===
'undefined'
)
{
loadScript
(
callBack
);
return
false
;
}
else
{
getLocationByMap
(
callBack
);
}
getLocationByMap
(
callBack
);
}
export
function
getAddress
(
point
,
callBack
=
()
=>
{}){
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论