安卓Webview引用谷歌web地图

最新推荐文章于 2024-07-05 17:04:10 发布

书剑飘零-Heize

最新推荐文章于 2024-07-05 17:04:10 发布

阅读量3.7k

点赞数

分类专栏： android 文章标签：谷歌安卓 webview 谷歌地图

本文链接：https://blog.csdn.net/hhp5127447/article/details/28404301

版权

本文介绍如何在国产手机的安卓Webview中使用谷歌地图，由于国产手机通常不支持Google服务，因此需要通过HTML页面加载谷歌地图API来实现。通过加载含有谷歌地图API的HTML文件，并调用相应的JavaScript函数，可以实现地图的显示和定位。

摘要由CSDN通过智能技术生成

前段时间由于需求问题需要用到谷歌地图，因为百度地图在国外就是一片片空白，所以只能用谷歌的，然而谷歌地图有个缺点，国产手机上基本上都不支持原生态app谷歌地图，几乎所有国产手机都把Google service服务去掉了，所以手机app类型的谷歌地图无法使用，当然你可以把谷歌的服务安装回来，不过这不是每个人都愿意这么做的！

于是乎寻求另外一种方式：WebApp！把地图做成网页类型的，然后通过android的WebView控件来实现调用，目前android的sdk版本足以支持css、html、js的使用。当然，我百度谷歌了很多资料，只有一个比较满意的例子说明，当也仅仅是说明，不过对我帮助还挺大的，我把出处贴上来吧：http://blog.csdn.net/wolf_jr/article/details/6738182 果断的把这例子照着添加一次！结果...bullshit！我不知道该怎么引用！小白菜一颗！折腾了好久，最后终于明白了！下面我就引用这个大哥（他其实转的别人的文章）的一些见解，给大伙说说 How to use Google maps for Android!

      前段时间由于需求问题需要用到谷歌地图，因为百度地图在国外就是一片片空白，所以只能用谷歌的，然而谷歌地图有个缺点，国产手机上基本上都不支持原生态app谷歌地图，几乎所有国产手机都把Google service服务去掉了，所以手机app类型的谷歌地图无法使用，当然你可以把谷歌的服务安装回来，不过这不是每个人都愿意这么做的！

首先把做好的html代码给大家贴上来：

Map.html 第六行src="maps.google.com/maps/api/js?sensor=true"，在maps前面再加上http:// 我也不知道csdn干嘛了！不给添加正常链接地址！

<html>

<head>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>Google Web Map for Android</title>

<script type="text/javascript" src=""></script>

<script type="text/javascript">

var directionsDisplay;

var directionsService = new google.maps.DirectionsService();

var map;

function initialize() {

directionsDisplay = new google.maps.DirectionsRenderer();

var latitude = 39.904214;

var longitude = 116.40741300000002;

var myLatlng = new google.maps.LatLng(latitude,longitude);

var myOptions = {

zoom: 8,

center: myLatlng,

mapTypeId: google.maps.MapTypeI