綁定帳號登入

Android 台灣中文網

打印 上一主題 下一主題

[求助] eclipse 製作 googlemap 地圖家大頭針

[複製連結] 查看: 30294|回覆: 3|好評: 0
跳轉到指定樓層
樓主
crazy8100890 | 收聽TA | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
發表於 2014-5-2 09:28

馬上加入Android 台灣中文網,立即免費下載應用遊戲。

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
我執行出來沒有大頭針,我該如何在地圖上加入大頭針
----------------------------------------------------------------------------------------------------------------------

googleMap.html

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script type="text/javascript"
        src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng(25.018398,121.537796);  //地圖中心點
    var myOptions = {
           zoom: 17,
           center: myLatlng,
           mapTypeId: google.maps.MapTypeId.ROADMAP               //道路地圖
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

----------------------------------------------------------------------------------------------------------------------

MainActivity.java

package com.example.google;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.content.pm.ActivityInfo;
import android.graphics.drawable.Drawable;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.Button;

public class MainActivity extends Activity {
        private static final String MAP_URL = "file:///android_asset/googleMap.html";
        private WebView webView;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
                setupWebView();
                this.setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);       
        }   
       
        private void setupWebView(){
                webView = (WebView) findViewById(R.id.webView1);
                webView.getSettings().setJavaScriptEnabled(true);      
                webView.loadUrl(MAP_URL);  
        }
}

----------------------------------------------------------------------------------------------------------------------

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Home" >

    <WebView
        android:id="@+id/webView1"
        android:layout_width="fill_parent"
        android:layout_height="400dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_weight="0.39" />

</RelativeLayout>
「用Android 就來APK.TW」,快來加入粉絲吧!
Android 台灣中文網(APK.TW)
收藏收藏 分享分享 分享專題
用Android 就來Android 台灣中文網(https://apk.tw)
回覆

使用道具 舉報

沙發
wuyanyin | 收聽TA | 只看該作者
發表於 2014-7-29 13:29
謝謝分享...............大家加油!!
用Android 就來Android 台灣中文網(https://apk.tw)
回覆 支持 反對

使用道具 舉報

板凳
fifish098 | 收聽TA | 只看該作者
發表於 2014-9-23 10:44

幫你改了一下html

在 var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);之後加上
markers.push( new google.maps.Marker({
                                position: myLatlng,
                                map: map,
                                draggable: true
                            })
                        );
        markers[0].setAnimation(google.maps.Animation.BOUNCE); // 一直跳 一直跳 跳不停

詳細用法請看google map v3的說明吧
https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-tw
用Android 就來Android 台灣中文網(https://apk.tw)
回覆 支持 反對

使用道具 舉報

地板
fifish098 | 收聽TA | 只看該作者
發表於 2014-9-23 10:47
幫你改了一下html

在 var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
這行之後加上
var markers = [];
        markers.push( new google.maps.Marker({
                                position: myLatlng,
                                map: map,
                                draggable: true
                            })
                        );
        markers[0].setAnimation(google.maps.Animation.BOUNCE); // 一直跳

詳細用法先去看google map v3的說明文件吧
https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-tw
用Android 就來Android 台灣中文網(https://apk.tw)
回覆 支持 反對

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則