腾讯地图引用到react项目

基本参考 http://www.cnblogs.com/softidea/p/6946779.html 这位大神的文章

前言:

因为我们组好像用的都是腾讯地图,而且小程序那边获取到的经纬度也是腾讯地图的,所以这边用的就是腾讯的,而文章中的大神用的是百度地图,但是百度地图现在有react的组件,可以用npm下载调用,腾讯地图目前好像没有,所以我参照百度地图的修改了

1.首先在html文件中加入script引入腾讯地图地址和key

2.在html中加入全局变量

window.QMap = qq.maps;

3.在webpack.dev.js中的extenrnal加入

externals: {

    "QMap": "qq.maps"

}

4.直接在react文件中引入window.QMap就可以使用腾讯地图的接口地址了

eg:

window.QMap.Map()

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值